/*
Theme Name: VEKSDESIGN Onepage
Description: Autorski motyw portfolio: galerie, PDF i video. Współpracuje z wtyczką VEKSDESIGN Portfolio.
Version: 3.1.1
Author: VEKSDESIGN
Text Domain: veksdesign-onepage
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--paper:var(--wp--preset--color--white,#ffffff);--ink:var(--wp--preset--color--paper,#191919);--muted:var(--wp--preset--color--paper,#191919);--accent:var(--wp--preset--color--accent,#aa8800);--line:#19191926;--gold:var(--wp--preset--color--white,#ffffff);--pad:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;-webkit-font-smoothing:antialiased}body.viewer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{opacity:.3;cursor:default}::selection{background:var(--gold)}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;padding:14px;background:white;z-index:100}.skip-link:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:25px var(--pad);gap:24px;border-bottom:1px solid var(--line);max-width:1800px;margin:auto}.brand-word{font-size:29px;letter-spacing:-1.6px;font-weight:800}.brand-word>span{font-weight:400}.brand-word b{font-size:15px;vertical-align:top;letter-spacing:0}.brand-logo{max-width:160px;max-height:62px;object-fit:contain}#site-nav{display:flex;align-items:center;gap:35px;font-size:15px}#site-nav a:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid;padding:10px 0}.nav-contact span{margin-left:25px}.menu-toggle{display:none}.wrap{max-width:1800px;margin:auto;padding-left:var(--pad);padding-right:var(--pad)}.hero{min-height:740px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;padding-top:55px;padding-bottom:70px}.eyebrow{font-size:15px;letter-spacing:2px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow:before{content:"";width:7px;height:7px;background:var(--accent);border-radius:100%}.hero h1{font-size:clamp(66px,7.1vw,122px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:0 0 30px}.hero h1::first-line{color:var(--muted)}.hero-intro{max-width:410px;font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 30px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:15px;border-bottom:1px solid;padding-bottom:10px}.text-link span{font-size:23px;line-height:1}.hero-visual{position:relative;padding-top:22px}.hero-visual:before{content:"VEKS / WYBRANA REALIZACJA";display:block;position:absolute;top:0;left:0;font-size:15px;letter-spacing:1.8px}.hero-project{display:block;position:relative;background:var(--wp--preset--color--paper,#191919)}.hero-project>img{width:100%;aspect-ratio:1/1.08;object-fit:cover;transition:filter .25s}.hero-project:hover>img{filter:brightness(.94)}.hero-caption{display:flex;justify-content:space-between;gap:12px;font-size:15px;padding:15px;background:var(--wp--preset--color--paper,#191919);color:var(--wp--preset--color--ink,#e7e7e7)}.hero-note{display:flex;justify-content:space-between;gap:20px;font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:17px}.section{padding-top:90px;padding-bottom:90px;border-top:1px solid var(--line);scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section h2{font-size:clamp(42px,5vw,76px);line-height:1.05;font-weight:400;letter-spacing:-.055em;margin:0}.section-lead{max-width:330px;font-size:15px;line-height:1.7;color:var(--muted);margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 35px}.filter{border:1px solid var(--line);padding:10px 16px;background:transparent;font-size:15px;border-radius:0}.filter small{font-size:15px;margin-left:10px;opacity:.65}.filter.active{background:var(--ink);border-color:var(--ink);color:var(--wp--preset--color--ink,#e7e7e7)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.project-index{display:flex;justify-content:space-between;gap:15px;font-size:15px;color:var(--muted);margin-bottom:12px}.project-index>span:last-child{text-transform:uppercase;letter-spacing:1px}.project-image{display:block;position:relative;overflow:hidden;background:var(--wp--preset--color--paper,#191919)}.project-image>img{width:100%;aspect-ratio:1.12/1;object-fit:cover;transition:transform .5s}.project-image:hover>img{transform:scale(1.025)}.project-open{position:absolute;bottom:18px;right:18px;background:var(--paper);display:flex;align-items:center;gap:24px;padding:14px 17px;font-size:15px}.project-open>span{font-size:18px}.project-info{display:flex;justify-content:space-between;gap:20px;padding-top:17px}.project-info h3{font-size:23px;font-weight:400;letter-spacing:-.6px;margin:0 0 8px}.project-info p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}.project-year{font-size:15px;color:var(--muted);white-space:nowrap;margin-top:6px}.cover-fallback{min-height:300px;display:grid;place-content:center;font-size:32px}.portfolio-foot{font-size:15px;color:var(--muted);margin:36px 0 0;border-top:1px solid var(--line);padding-top:20px}.offer{background:var(--wp--preset--color--paper,#191919)}.service-list{margin-top:45px}.service{display:grid;grid-template-columns:50px 1fr 1fr;gap:25px;padding:26px 0;border-top:1px solid var(--wp--preset--color--paper,#191919);align-items:baseline}.service-number{color:var(--muted);font-size:15px}.service h3{font-weight:400;font-size:25px;letter-spacing:-.8px;margin:0}.service p{font-size:15px;line-height:1.6;color:var(--muted);max-width:380px;margin:0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.step-number{font-size:15px;display:block;border-top:1px solid var(--line);padding-top:18px;color:var(--accent)}.process h3{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:23px 0 12px}.process p{font-size:15px;line-height:1.7;color:var(--muted);max-width:310px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.studio-copy p{font-size:21px;line-height:1.65;margin:0 0 28px;letter-spacing:-.4px}.studio-meta{font-size:15px!important;color:var(--muted);letter-spacing:1px!important;text-transform:uppercase}.contact{background:var(--ink);color:var(--paper);padding-top:85px;padding-bottom:65px;border:0}.contact .eyebrow{color:var(--wp--preset--color--paper,#191919)}.contact h2{font-size:clamp(50px,7vw,110px);max-width:900px;margin-bottom:45px}.contact-links{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.contact-mail{display:inline-block;font-size:clamp(20px,3.2vw,48px);letter-spacing:-.8px;border-bottom:1px solid var(--wp--preset--color--paper,#191919);padding-bottom:15px;overflow-wrap:anywhere}.contact-phone{font-size:15px;padding-bottom:15px;white-space:nowrap}.contact-note{font-size:15px;color:var(--wp--preset--color--paper,#191919);margin-top:30px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--ink);color:var(--wp--preset--color--paper,#191919);border-top:1px solid var(--wp--preset--color--paper,#191919);font-size:15px;padding-top:25px;padding-bottom:25px}.site-footer>div{display:flex;gap:25px}.viewer{max-width:none;width:calc(100% - 48px);height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);padding:0;border:0;background:var(--paper);color:var(--ink);overflow:hidden}.viewer::backdrop{background:rgba(10,12,9,.82)}.viewer-layout{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.viewer-header{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.viewer-heading h2{font-size:22px;font-weight:400;letter-spacing:-.6px;margin:0 0 5px}.viewer-heading p{font-size:15px;line-height:1.5;color:var(--muted);margin:0;max-width:75ch}.icon-button{min-width:42px;min-height:42px;border:1px solid var(--line);background:transparent;display:inline-grid;place-items:center;font-size:21px}.viewer-stage{position:relative;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:var(--wp--preset--color--paper,#191919);padding:20px}.viewer-image{max-width:100%;width:auto;max-height:none;object-fit:contain;margin:auto;min-height:0}.viewer-stage iframe{height:100%;min-height:320px;width:100%;border:0;background:white}.viewer-stage video{max-width:100%;max-height:100%;margin:auto;background:#141414}.viewer-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 26px;border-top:1px solid var(--line);min-height:72px}.viewer-controls{display:flex;align-items:center;gap:16px}.viewer-count{font-size:15px;min-width:40px;text-align:center}.viewer-file-link{font-size:15px;border-bottom:1px solid;padding:8px 0}.viewer-message{text-align:center;max-width:500px;margin:auto;padding:30px}.viewer-message h3{font-size:25px;font-weight:400}.viewer-message p{font-size:15px;line-height:1.7;color:var(--muted)}.viewer-message button{background:var(--ink);color:var(--wp--preset--color--ink,#e7e7e7);border:0;padding:15px 22px}.viewer-status{font-size:15px;color:var(--muted);margin-right:auto}.simple-page{min-height:65vh;padding:65px var(--pad);max-width:1100px;margin:auto;line-height:1.7}.simple-page h1{font-size:clamp(35px,5vw,65px);line-height:1.1;letter-spacing:-2px;font-weight:400}.single-gallery img{margin:25px auto}.single-project iframe{width:100%;height:80vh}.single-project video{max-width:100%}.single-project a{border-bottom:1px solid}.entry-content a{text-decoration:underline}
@media(min-width:1600px){.hero{min-height:850px}.hero-project>img{max-height:660px}}
@media(max-width:1000px){#site-nav{gap:20px}.hero{min-height:650px;gap:35px}.hero h1{font-size:72px}.hero-intro{font-size:15px}.section{padding-top:65px;padding-bottom:65px}.service h3{font-size:21px}.studio-copy p{font-size:18px}}
@media(max-width:700px){html{scroll-padding-top:30px}.site-header{padding-top:20px;padding-bottom:20px;flex-wrap:wrap}.brand-word{font-size:26px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:transparent;font-size:15px;padding:10px 0}.menu-lines{width:20px;height:10px;border-top:1px solid;border-bottom:1px solid}#site-nav{display:none;width:100%;padding:15px 0 8px;align-items:flex-start;gap:20px;flex-direction:column}#site-nav.open{display:flex}.nav-contact{padding-top:0}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:48px;gap:40px;min-height:0}.hero h1{font-size:clamp(60px,14vw,86px);margin-bottom:25px}.hero-intro{max-width:440px;font-size:15px}.hero-visual{max-width:100%}.hero-project>img{aspect-ratio:1.12/1}.hero-caption{font-size:15px}.eyebrow{font-size:15px;letter-spacing:1.5px}.section{padding-top:50px;padding-bottom:50px}.section-head{display:block;margin-bottom:25px}.section h2{font-size:46px}.section-lead{margin-top:20px;max-width:400px;font-size:15px}.filters{gap:6px;margin:25px 0}.filter{font-size:15px;padding:9px 12px}.project-grid{grid-template-columns:1fr;gap:35px}.project-info h3{font-size:22px}.project-info p{font-size:15px}.project-year{font-size:15px}.project-open{padding:10px 13px;font-size:15px}.service{grid-template-columns:25px 1fr;gap:12px;padding:23px 0}.service p{grid-column:2;font-size:15px}.service h3{font-size:23px}.process{grid-template-columns:1fr;gap:18px;margin-top:30px}.process h3{margin:18px 0 10px}.process p{max-width:none}.studio{grid-template-columns:1fr;gap:30px}.studio-copy p{font-size:18px}.contact h2{font-size:54px;margin-bottom:35px}.contact-links{align-items:flex-start;flex-direction:column;gap:15px}.contact-mail{font-size:clamp(18px,6vw,32px)}.contact-phone{font-size:15px}.site-footer{align-items:flex-start;flex-direction:column;font-size:15px}.viewer{width:100%;height:100dvh;max-height:100dvh;margin:0}.viewer-header{padding:14px 16px;align-items:flex-start;gap:12px}.viewer-heading h2{font-size:21px}.viewer-heading p{font-size:15px;max-width:240px}.viewer-stage{padding:8px}.viewer-footer{padding:12px 16px;gap:10px;flex-wrap:wrap}.viewer-controls{gap:10px}.viewer-file-link{font-size:15px}.viewer-status{width:100%;order:3}.icon-button{min-width:40px;min-height:40px}.simple-page{padding-top:40px;padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.viewer,.filters,.contact,.site-footer{display:none!important}.hero{min-height:0}.project-grid{grid-template-columns:1fr 1fr}.project-card{break-inside:avoid}}
.legacy-content{max-width:1100px;padding-left:var(--pad);padding-right:var(--pad);margin:auto;min-height:60vh;line-height:1.7}.legacy-content h1{font-size:clamp(40px,5vw,72px);font-weight:400;letter-spacing:-2px;line-height:1.1}.single-project-image{margin:28px auto}.single-pdf{width:100%;height:80vh;border:1px solid var(--line)}.single-video{width:100%;max-height:80vh}