:root{--yellow:#ffd800;--black:#050505;--white:#fff;--line:#d9d9d9;--pad:clamp(24px,3.4vw,64px);--header:112px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:#fff;font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;background:var(--yellow);padding:12px 18px;z-index:1000}.skip-link:focus{top:12px}
.site-header{height:var(--header);padding:0 var(--pad);display:grid;grid-template-columns:190px 1fr 260px;align-items:center;position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);transition:background .35s,color .35s,height .35s}.site-header.on-dark{background:linear-gradient(#050505e8,#05050500);color:#fff;backdrop-filter:none}.logo{text-decoration:none;font-size:58px;font-weight:800;letter-spacing:-5px;line-height:1;position:relative;width:max-content}.logo span{display:block;position:absolute;width:7px;height:7px;background:var(--yellow);left:43px;top:-1px}.logo sup{font-size:10px;letter-spacing:0;margin-left:6px;vertical-align:top}.site-nav{display:flex;justify-content:center;gap:clamp(24px,3vw,56px)}.site-nav a{text-decoration:none;font-size:16px;position:relative;padding:10px 0}.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:3px;background:var(--yellow);transition:right .3s var(--ease)}.site-nav a:hover::after,.site-nav a.active::after{right:0}.header-claim{text-transform:uppercase;letter-spacing:.16em;font-size:12px;text-align:right}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle>span:not(.sr-only){display:block;width:28px;height:2px;background:currentColor;margin:6px}
main{overflow:hidden}.page-section,.hero{scroll-margin-top:var(--header)}.hero{min-height:100svh;background:#050505;color:#fff;position:relative;padding:var(--header) var(--pad) 50px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 20%,rgba(0,0,0,.25) 46%,rgba(0,0,0,.12) 100%),url('public/assets/strona-glowna.png');background-size:cover;background-position:center}.hero-copy{position:relative;z-index:4;width:min(460px,31vw);padding-top:80px}.eyebrow,.section-no{text-transform:uppercase;letter-spacing:.15em;font-size:13px;margin:0 0 40px}.hero h1,.page-section h2{font-size:clamp(48px,4.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px}.lead,.section-intro>p:last-child,.materials-copy>p:last-child,.technology-copy>p:last-child,.inspiration-intro>p:nth-of-type(2),.contact-copy>p:nth-of-type(2){font-size:clamp(17px,1.35vw,22px);line-height:1.45}.actions{display:flex;gap:38px;align-items:center;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;padding:17px 28px;min-height:54px;cursor:pointer;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:#000}.button-black{background:#050505;color:#fff}.text-link{text-decoration:none}.text-link span{font-size:24px;margin-left:12px}.label-stage{position:absolute;z-index:3;left:34%;right:3%;top:16%;bottom:6%;overflow:hidden;isolation:isolate;--mx:55%;--my:50%}.label-stage::before{content:"";position:absolute;inset:0;background:url('public/assets/strona-glowna.png') center/cover no-repeat;transform:scale(1.035);transition:transform .9s var(--ease);z-index:-2}.label-stage:hover::before{transform:scale(1.055)}.label-stage::after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.28) 0,rgba(255,220,85,.12) 10%,transparent 27%);mix-blend-mode:screen;opacity:0;transition:opacity .45s;z-index:2;pointer-events:none}.label-stage:hover::after{opacity:1}.label-shine{position:absolute;inset:-50%;z-index:1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.03) 42%,rgba(255,236,156,.42) 49%,rgba(255,255,255,.06) 56%,transparent 64%);mix-blend-mode:screen;transform:translateX(-65%) rotate(2deg);opacity:0;pointer-events:none}.label-stage:hover .label-shine{opacity:1;animation:shimmer 2.2s var(--ease) infinite}.annotation{position:absolute;z-index:4;font-size:14px;text-shadow:0 1px 4px #000}.annotation::after{content:"";display:inline-block;width:60px;height:1px;background:#fff;vertical-align:middle;margin-left:14px}.annotation::before{content:"";position:absolute;width:7px;height:7px;background:var(--yellow);right:-73px;top:5px}.annotation-top{left:4%;top:28%}.annotation-right{right:2%;top:57%}.annotation-bottom{right:7%;bottom:9%}.hero-signature{display:none}@keyframes shimmer{0%{transform:translateX(-65%) rotate(2deg)}55%,100%{transform:translateX(65%) rotate(2deg)}}
.page-section{min-height:100svh;padding:calc(var(--header) + 54px) var(--pad) 64px;position:relative}.section-intro{max-width:520px}.section-no{margin-bottom:26px;color:#777}.products{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.filters{align-self:center;justify-self:end;display:flex;gap:42px}.filters button,.story-filters button{border:0;background:none;padding:8px 0;cursor:pointer;position:relative}.filters button::after,.story-filters button::after{content:"";position:absolute;bottom:0;left:0;right:100%;height:2px;background:var(--yellow);transition:right .25s}.filters button.active::after,.story-filters button.active::after{right:0}.product-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;align-items:end}.product-card{transition:opacity .35s,transform .35s}.product-card[hidden]{display:none}.product-image{height:39vh;min-height:300px;background-image:url('public/assets/produkty.png');background-size:300% auto;background-repeat:no-repeat}.crop-textile{background-position:0 70%}.crop-engraved{background-position:50% 70%}.crop-paper{background-position:100% 70%}.product-card h3{font-size:clamp(26px,2vw,36px);margin:20px 0}.product-card>a,.story a{display:inline-block;text-decoration:none;border-bottom:2px solid var(--yellow);padding-bottom:7px}
.materials{padding-bottom:120px}.materials-visual{position:absolute;inset:0 0 90px 24%;background:url('public/assets/materialy.png') center/cover no-repeat}.materials-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 16%,transparent 41%)}.materials-copy{position:relative;z-index:2;max-width:520px}.material-tabs{position:absolute;z-index:4;left:0;right:0;bottom:0;height:105px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;background:#fff;align-items:center;padding:0 var(--pad)}.material-tabs a{text-decoration:none;padding:20px;border-right:1px solid var(--line)}.material-tabs span{float:right;color:#d4b400}.material-tabs .button{border:0;margin-left:20px}
.technology{display:grid;grid-template-columns:1fr 1.25fr;gap:7vw;align-items:center;background:#050505;color:#fff}.technology-image{position:absolute;inset:0 45% 0 0;background:url('public/assets/technologie.png') 67% center/cover no-repeat;filter:grayscale(1) contrast(1.25);opacity:.46}.technology-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#050505)}.technology-copy{grid-column:1;position:relative;z-index:2;align-self:start;margin-top:8vh}.technology-copy .section-no{color:#bbb}.tech-list{grid-column:2;position:relative;z-index:2}.tech-list article{display:grid;grid-template-columns:55px 160px 1fr;align-items:baseline;border-top:1px solid #555;padding:28px 0}.tech-list article:last-child{border-bottom:1px solid #555}.tech-list span{color:var(--yellow)}.tech-list h3{font-size:34px;margin:0}.tech-list p{font-size:17px;line-height:1.5;color:#bbb}
.inspiration{display:grid;grid-template-columns:31% 1fr;gap:6vw}.inspiration-intro{position:sticky;top:calc(var(--header) + 40px);height:max-content}.story-filters{display:flex;gap:22px;margin-top:54px;align-items:center}.stories{display:grid;gap:16px}.story{display:grid;grid-template-columns:2fr 1fr;gap:36px;align-items:center}.story-image{height:31vh;min-height:260px;background-image:url('public/assets/inspiracje.png');background-size:250% auto;background-repeat:no-repeat}.crop-story-1{background-position:46% 14%}.crop-story-2{background-position:46% 51%}.crop-story-3{background-position:46% 88%}.story h3{font-size:clamp(25px,2vw,38px);line-height:1.05}.story a span{color:var(--yellow);margin:0 12px}
.contact{min-height:100svh;background:var(--yellow);display:grid;grid-template-columns:42% 1fr;align-items:center;padding-top:calc(var(--header) + 30px)}.contact-copy{position:relative;z-index:3}.contact-copy .section-no{color:#222}.contact-copy h2{font-size:clamp(48px,4.5vw,80px)}.contact-form{margin-top:34px;max-width:620px}.contact-form label{display:block;font-size:14px;margin-top:20px}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #111;background:transparent;border-radius:0;padding:8px 2px;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-bottom-width:3px}.contact-form .button{margin-top:24px}.form-status{min-height:22px;margin:12px 0;font-size:14px}.contact-copy address{display:flex;gap:20px;font-style:normal;font-size:18px;margin-top:34px}.contact-copy address a{text-decoration:none}.contact-visual{position:absolute;inset:0 0 0 39%;background:url('public/assets/kontakt.png') 70% center/cover no-repeat}.contact-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--yellow) 0,transparent 23%)}.contact-tagline{position:absolute;right:var(--pad);bottom:42px;font-size:20px}
footer{padding:38px var(--pad);background:#050505;color:#fff;display:flex;align-items:center;justify-content:space-between}footer .logo{font-size:38px;letter-spacing:-3px}footer .logo span{left:28px;width:5px;height:5px}footer p{text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media (max-width:1000px){:root{--header:88px}.site-header{grid-template-columns:1fr auto;height:var(--header)}.site-header .logo{font-size:44px;letter-spacing:-4px}.site-header .logo span{left:33px;width:6px;height:6px}.menu-toggle{display:block;z-index:3}.header-claim{display:none}.site-nav{position:fixed;inset:0;background:var(--yellow);color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transform:translateY(-105%);transition:transform .5s var(--ease)}.site-nav.open{transform:none}.site-nav a{font-size:clamp(32px,7vw,54px);font-weight:700}.hero{min-height:900px;align-items:flex-end;padding-bottom:70px}.hero-bg{background-position:64% center}.hero-copy{width:90%;padding:0}.label-stage{left:0;right:0;top:var(--header);bottom:42%;opacity:.8}.annotation{display:none}.hero-signature{display:block;position:absolute;right:24px;top:120px;z-index:4;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.products{display:block}.filters{margin:30px 0;overflow:auto;justify-content:flex-start}.product-grid{grid-template-columns:1fr}.product-image{height:55vw;min-height:260px}.materials{min-height:960px}.materials-visual{inset:36% 0 90px 0}.materials-visual::after{background:linear-gradient(#fff 0,rgba(255,255,255,.72) 20%,transparent 50%)}.material-tabs{overflow-x:auto;display:flex}.material-tabs a{min-width:250px}.technology{display:block;padding-bottom:100px}.technology-image{inset:0;opacity:.22}.technology-copy{margin:0;max-width:700px}.tech-list{margin-top:80px}.inspiration{display:block}.inspiration-intro{position:relative;top:0;margin-bottom:60px}.story{grid-template-columns:1.5fr 1fr}.contact{display:block;padding-bottom:100px}.contact-copy{max-width:620px}.contact-visual{inset:0 0 0 55%;opacity:.35}.contact-tagline{display:none}}
@media (max-width:640px){:root{--pad:20px}.hero{min-height:800px}.hero h1,.page-section h2{font-size:46px}.hero-copy .lead{font-size:17px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.label-stage{bottom:48%}.page-section{padding-top:calc(var(--header) + 40px)}.section-intro br{display:none}.filters{gap:26px}.product-image{height:78vw}.materials{min-height:900px}.materials-visual{inset:43% 0 90px 0;background-position:62% center}.material-tabs{padding:0 10px}.tech-list article{grid-template-columns:38px 1fr}.tech-list h3{font-size:28px}.tech-list p{grid-column:2}.story{grid-template-columns:1fr}.story-image{height:52vw;min-height:230px}.story h3{margin-bottom:14px}.story{padding-bottom:30px}.contact-visual{display:none}.contact-copy address{font-size:15px;flex-wrap:wrap}.contact-tagline{display:none}footer{align-items:flex-start;gap:24px;flex-direction:column}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Hero source crop: isolates the physical label from the supplied composition. */
.hero-bg{background:radial-gradient(ellipse at 74% 52%,#1b1b1b 0,#090909 38%,#000 74%)}
.label-stage::before{background-size:185% auto;background-position:78% 64%}
.label-stage .annotation{display:none}
@media (max-width:1000px){.label-stage::before{background-size:210% auto;background-position:69% 62%}}
@media (max-width:1000px){
  .site-nav{height:100svh;width:100vw;opacity:0;visibility:hidden;transform:none;transition:opacity .35s var(--ease),visibility .35s}
  .site-nav.open{opacity:1;visibility:visible}
}

/* Official supplied logo, cropped non-destructively from the source artwork. */
.logo{display:block;width:92px;height:76px;overflow:hidden;position:relative;text-decoration:none}
.logo img{position:absolute;width:140px;height:140px;max-width:none;left:-28px;top:-46px;object-fit:cover}
.site-header.on-dark .logo img,footer .logo img{filter:invert(1) hue-rotate(180deg)}
.site-header .logo{font-size:0;letter-spacing:0}
.site-header .logo span,.site-header .logo sup{display:none}
.header-claim,footer p{text-transform:none}

/* Feather the product photography into the black field instead of framing it. */
.label-stage{overflow:visible;-webkit-mask-image:radial-gradient(ellipse 82% 78% at 57% 51%,#000 46%,rgba(0,0,0,.96) 63%,transparent 100%);mask-image:radial-gradient(ellipse 82% 78% at 57% 51%,#000 46%,rgba(0,0,0,.96) 63%,transparent 100%)}
.label-stage::before{inset:-7%;background-color:#050505}
footer .logo{width:72px;height:60px}
footer .logo img{width:108px;height:108px;left:-22px;top:-36px}
@media (max-width:1000px){.site-header .logo{width:78px;height:66px}.site-header .logo img{width:119px;height:119px;left:-24px;top:-39px}.label-stage{-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}}

/* Hero v3 — one continuous photographic field, no framed crop. */
.hero{isolation:isolate;min-height:100svh;padding-top:var(--header)}
.hero-bg{z-index:-3;background-image:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.55) 25%,rgba(0,0,0,.08) 53%,rgba(0,0,0,.03) 100%),url('public/assets/hero-etiq-v3.png');background-size:cover;background-position:center center}
.hero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 67% 55%,rgba(255,216,0,.035),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.12),transparent 25%,transparent 78%,rgba(0,0,0,.22));pointer-events:none}
.hero-copy{width:min(640px,39vw);padding-top:48px}
.hero h1{max-width:640px;font-size:clamp(54px,4.15vw,76px);font-weight:600;line-height:1.03;letter-spacing:-.05em}
.hero .lead{font-weight:400;color:rgba(255,255,255,.88)}
.hero .eyebrow{font-weight:500;color:rgba(255,255,255,.68)}
.label-stage{left:41%;right:4%;top:18%;bottom:8%;overflow:hidden;-webkit-mask-image:none;mask-image:none}
.label-stage::before{display:none}
.label-stage::after{inset:-10%;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.22) 0,rgba(255,216,0,.08) 8%,transparent 26%);mix-blend-mode:screen}
.label-shine{inset:-30%;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.025) 43%,rgba(255,238,172,.26) 49%,rgba(255,255,255,.04) 55%,transparent 62%)}
.site-header .logo{width:108px;height:84px}
.site-header .logo img{width:164px;height:164px;left:-33px;top:-54px}
.header-claim{font-weight:500;letter-spacing:.08em}

@media (max-width:1000px){
  .hero{min-height:900px;padding-bottom:68px}
  .hero-bg{background-image:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.02) 40%,rgba(0,0,0,.88) 66%,#000 100%),url('public/assets/hero-etiq-v3.png');background-position:65% top;background-size:auto 60%,auto 60%;background-repeat:no-repeat;background-color:#000}
  .hero-copy{width:100%;max-width:640px;padding-top:0}
  .hero h1{font-size:clamp(44px,10.5vw,62px);line-height:1.02}
  .label-stage{left:36%;right:0;top:var(--header);bottom:44%}
  .site-header .logo{width:86px;height:70px}
  .site-header .logo img{width:131px;height:131px;left:-26px;top:-43px}
}

@media (max-width:640px){
  .hero{min-height:820px}
  .hero-bg{background-position:62% top;background-size:auto 56%}
  .label-stage{left:25%;top:72px;bottom:48%}
  .hero h1{font-size:43px;letter-spacing:-.045em}
}

/* Revision 4 — clean sections and section-aware masthead. */
.site-header{grid-template-columns:300px 1fr 300px}
.site-header .logo::after{content:""}
.site-header:not([data-section="start"]) .logo{width:280px;height:auto;overflow:visible;display:flex;align-items:center}
.site-header:not([data-section="start"]) .logo img{display:none}
.site-header:not([data-section="start"]) .logo::after{content:"Etiq. Wyróżnia w tłumie";font-size:17px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--yellow);white-space:nowrap}
.site-header[data-section="start"] .logo{background:#050505}
.site-header[data-section="start"] .logo img{display:block}

/* Cursor light follows the pointer over the complete first viewport. */
.hero{--mx:64%;--my:50%}
.hero .label-stage::after{opacity:0;transition:opacity .35s}
.hero:hover .label-stage::after{opacity:1}
.hero:hover .label-shine{opacity:1;animation:shimmer 2.2s var(--ease) infinite}

/* Remove all remnants of the source page composition from Materials. */
.materials{background:#fff;overflow:hidden}
.materials-visual{inset:var(--header) 0 90px 24%;background-size:auto 132%;background-position:68% 59%;background-repeat:no-repeat}
.materials-visual::before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:42%;background:linear-gradient(90deg,#fff 0%,#fff 72%,rgba(255,255,255,.92) 87%,transparent 100%)}
.materials-visual::after{z-index:3;background:linear-gradient(90deg,#fff 0%,#fff 20%,rgba(255,255,255,.94) 29%,transparent 47%)}
.materials-copy{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 82%,transparent 100%);padding-right:30px}

/* Technology uses a clean photographic field, never the supplied page screenshot. */
.technology{background:#050505;isolation:isolate}
.technology::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),#050505 55%),url('public/assets/hero-etiq-v3.png') 38% center/cover no-repeat;filter:grayscale(.2);opacity:.48}
.technology::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(5,5,5,.82) 49%,#050505 68%)}
.technology-image{display:none}

/* Each inspiration crop stays within the actual photograph and excludes separators. */
.story-image{background-size:315% auto}
.crop-story-1{background-position:48% 21%}
.crop-story-2{background-position:48% 58%}
.crop-story-3{background-position:48% 93%}

/* Contact is cropped to objects only; original navigation and form never enter the frame. */
.contact-visual{background-size:auto 140%;background-position:70% 56%;background-repeat:no-repeat}
.contact-visual::before{content:"";position:absolute;inset:0 0 auto;height:var(--header);background:var(--yellow)}

@media (max-width:1000px){
  .site-header{grid-template-columns:1fr auto}
  .site-header:not([data-section="start"]) .logo{width:230px}
  .site-header:not([data-section="start"]) .logo::after{font-size:15px}
  .materials-visual{inset:38% 0 90px 0;background-size:auto 115%;background-position:68% 62%}
  .materials-visual::before{width:22%}
  .materials-visual::after{background:linear-gradient(#fff 0%,rgba(255,255,255,.85) 16%,transparent 43%)}
  .technology::before{background-position:62% center;opacity:.32}
}

@media (max-width:640px){
  .site-header:not([data-section="start"]) .logo{width:196px}
  .site-header:not([data-section="start"]) .logo::after{font-size:13px}
  .story-image{background-size:330% auto}
}

/* Final visual QA corrections. */
.page-section,.hero{scroll-behavior:auto}
html{scroll-behavior:auto}
.page-section,.hero{scroll-margin-top:0}
.site-header.on-dark{background:rgba(5,5,5,.94);backdrop-filter:blur(12px)}
.materials-copy{z-index:5}

.hero::after{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(circle 260px at var(--mx) var(--my),rgba(255,255,255,.10) 0%,rgba(255,220,90,.045) 24%,transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .3s;pointer-events:none}
.hero:hover::after{opacity:1}

.story-image{height:28vh;min-height:260px;max-height:300px}
.crop-story-1{background-size:330% auto;background-position:48% 19%}
.crop-story-2{background-size:385% auto;background-position:48% 58%}
.crop-story-3{background-size:350% auto;background-position:48% 94%}

@media (max-width:640px){
  .story-image{height:58vw;min-height:220px;max-height:280px}
  .crop-story-1{background-size:350% auto}
  .crop-story-2{background-size:410% auto}
  .crop-story-3{background-size:370% auto}
}

/* Revision 5 — constant masthead, natural cursor light and complete photography. */
.site-header,
.site-header.on-dark{
  background:#050505;
  color:#fff;
  backdrop-filter:none;
  box-shadow:0 1px 0 rgba(255,255,255,.08);
}
.site-header[data-section="start"] .logo{
  visibility:hidden;
  pointer-events:none;
}
.site-header:not([data-section="start"]) .logo::after{color:var(--yellow)}
.site-nav a{color:#fff}
.menu-toggle>span:not(.sr-only){background:#fff}

/* The label has no automatic sweep; only the live pointer light remains. */
.label-shine,
.label-stage::after{display:none!important}
.hero:hover .label-shine{animation:none;opacity:0}
.hero::after{
  background:radial-gradient(circle 230px at var(--mx) var(--my),rgba(255,255,255,.16) 0%,rgba(255,222,105,.07) 26%,transparent 72%);
  transition:opacity .18s linear;
}

/* One restrained scale for every internal page headline. */
.page-section h2,
.contact-copy h2{
  font-size:clamp(42px,3.25vw,58px);
  line-height:1.04;
  letter-spacing:-.045em;
}

/* Product objects keep breathing room inside every card. */
.product-image{
  height:auto;
  min-height:0;
  aspect-ratio:1.35/1;
  background-size:300% auto;
  background-color:#fff;
}
.crop-textile,.crop-engraved,.crop-paper{background-position-y:70%}

/* Three clean source crops show complete objects without the source layout. */
.materials-visual{
  inset:calc(var(--header) + 76px) var(--pad) 105px 38%;
  display:grid;
  grid-template-columns:1fr 1fr 1.16fr;
  gap:clamp(8px,1vw,18px);
  align-items:center;
  background:none;
}
.materials-visual::before,.materials-visual::after{display:none}
.material-shot{display:block;width:100%;aspect-ratio:1.35/1;background-image:url('public/assets/produkty.png');background-size:300% auto;background-repeat:no-repeat;background-color:#fff}
.material-shot-textile{background-position:0 70%}
.material-shot-engraved{background-position:50% 70%}
.material-shot-paper{background-position:100% 70%}

/* Exact source-photo rectangles: no white separators and no clipped objects. */
.story-image{
  height:auto;
  min-height:0;
  max-height:none;
  background-size:249.55% auto;
}
.crop-story-1{aspect-ratio:670/280;background-size:249.55% auto;background-position:58.5% 18.5%}
.crop-story-2{aspect-ratio:670/229;background-size:249.55% auto;background-position:58.5% 57.8%}
.crop-story-3{aspect-ratio:670/258;background-size:249.55% auto;background-position:58.5% 95.2%}

/* The full contact arrangement remains visible on the yellow field. */
.contact-visual{
  top:50%;
  bottom:auto;
  aspect-ratio:912/700;
  transform:translateY(-60%);
  background-size:183.3% auto;
  background-position:100% 62.2%;
}
.contact-visual::before{display:none}

@media (max-width:1000px){
  .site-nav{background:#050505;color:#fff}
  .site-nav a{color:#fff}
  .materials{display:flex;flex-direction:column;padding-bottom:0}
  .materials-copy{order:1}
  .materials-visual{position:relative;order:2;inset:auto;margin:44px 0 70px;grid-template-columns:repeat(3,minmax(230px,1fr));overflow-x:auto;align-items:center}
  .material-tabs{position:relative;order:3;left:auto;right:auto;bottom:auto;width:calc(100% + 2 * var(--pad));margin:0 calc(-1 * var(--pad));flex:none}
}

@media (max-width:640px){
  .page-section h2,.contact-copy h2{font-size:40px}
  .product-image{aspect-ratio:1.28/1;background-size:300% auto}
  .story-image{min-height:0;max-height:none}
  .crop-story-1,.crop-story-2,.crop-story-3{background-size:249.55% auto}
}

/* Revision 6 — premium edge treatment and precise source framing. */
.site-header,.site-header.on-dark{box-shadow:none;border:0}
.site-header[data-section="start"]{background:rgba(5,5,5,.74)}
.site-header .logo,
.site-header[data-section="start"] .logo,
.site-header:not([data-section="start"]) .logo{
  visibility:visible;
  pointer-events:auto;
  width:300px;
  height:auto;
  overflow:visible;
  background:none;
}
.site-header .logo img{display:none!important}
.site-header .logo::after,
.site-header[data-section="start"] .logo::after{
  content:"Etiq. Wyróżnia w tłumie";
  display:block;
  color:var(--yellow);
  font-size:17px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.02em;
  white-space:nowrap;
}

.product-image,.material-shot{
  box-shadow:inset 0 0 24px 16px #fff;
  background-color:#fff;
}
.crop-textile,.material-shot-textile{background-size:300% auto;background-position:0 70%}
.crop-engraved,.material-shot-engraved{background-size:304% auto;background-position:50% 70%}
.crop-paper,.material-shot-paper{background-size:287.3% auto;background-position:100% 70%}

.contact{background:#ffd800}
.contact-visual{
  left:46%;
  right:-1.5%;
  top:50%;
  transform:translateY(-57%) scale(.84);
  transform-origin:center right;
}
.contact-visual::after{
  display:block;
  background:
    linear-gradient(90deg,var(--yellow) 0%,rgba(255,216,0,.94) 7%,transparent 24%),
    linear-gradient(180deg,var(--yellow) 0%,transparent 9%,transparent 91%,var(--yellow) 100%);
}

@media (max-width:1000px){
  .site-header .logo,.site-header[data-section="start"] .logo,.site-header:not([data-section="start"]) .logo{width:230px}
  .site-header .logo::after,.site-header[data-section="start"] .logo::after{font-size:15px}
  .filters{width:calc(100% + 2 * var(--pad));margin:30px calc(-1 * var(--pad));padding:0 var(--pad);justify-self:auto;align-self:auto}
}

@media (max-width:640px){
  .site-header .logo,.site-header[data-section="start"] .logo,.site-header:not([data-section="start"]) .logo{width:205px}
  .site-header .logo::after,.site-header[data-section="start"] .logo::after{font-size:13px}
  .crop-textile,.material-shot-textile{background-size:300% auto}
  .crop-engraved,.material-shot-engraved{background-size:304% auto}
  .crop-paper,.material-shot-paper{background-size:287.3% auto}
  .section-intro br{display:inline}
  .section-intro br::after{content:" "}
}

/* Final brand mark — transparent asset prepared from the supplied official logo. */
.site-header .logo,
.site-header[data-section="start"] .logo,
.site-header:not([data-section="start"]) .logo{
  width:112px;
  height:64px;
  overflow:visible;
}
.site-header .logo::after,
.site-header[data-section="start"] .logo::after,
.site-header:not([data-section="start"]) .logo::after{content:none}
.site-header .logo img{
  display:block!important;
  position:static;
  width:112px;
  height:64px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
footer .logo{width:92px;height:54px;overflow:visible}
footer .logo img{
  display:block;
  position:static;
  width:92px;
  height:54px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
@media (max-width:1000px){
  .site-header .logo,
  .site-header[data-section="start"] .logo,
  .site-header:not([data-section="start"]) .logo{width:92px;height:54px}
  .site-header .logo img{width:92px;height:54px}
}

/* Revision 7 — requested copy, masthead and product taxonomy. */
.brand-claim{
  color:var(--yellow);
  font-size:17px;
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}
.site-header[data-section="start"]{
  background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.08));
  backdrop-filter:none;
}
.hero-copy{padding-top:0}
.hero .hero-kicker{
  margin:0 0 28px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  font-weight:500;
  letter-spacing:.15em;
  line-height:1.2;
  text-transform:uppercase;
}
.hero .lead{
  max-width:470px;
  font-size:clamp(24px,2.15vw,36px);
  line-height:1.3;
}
.no-break{white-space:nowrap}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.product-card h3{font-size:clamp(22px,1.65vw,30px)}
.crop-woven{
  background-image:url('public/assets/metka-tkana-etiq-v2.png');
  background-position:center;
  background-size:cover;
  box-shadow:inset 0 0 24px 16px #fff;
}
.materials-copy strong{font-weight:600}
.netlify-recaptcha{min-height:78px;margin-top:24px}

@media (max-width:1000px){
  .brand-claim{font-size:15px}
  .product-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .brand-claim{font-size:13px}
  .hero .lead{font-size:24px}
}