/*
Theme Name: JAR Studio
Description: JAR Studio One Page — portfolio w stylistyce editorial, edytowalne bloki.
Version: 3.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: jar-studio
*/
@font-face{font-family:Geist;src:url('assets/Geist-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('assets/Geist-Medium.ttf') format('truetype');font-weight:500 900;font-display:swap}
@font-face{font-family:'Fragment Mono';src:url('assets/FragmentMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--jar-paper:#f5f1e8;--jar-ink:#162b25;--jar-green:#008168;--jar-forest:#092e25;--jar-yellow:#ffd35d;--jar-orange:#ff8711;--jar-red:#af0000;--jar-line:#dcded3;--jar-muted:#5c655d;--jar-pad:clamp(24px,4.5vw,72px);--jar-mono:'Fragment Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--jar-paper);color:var(--jar-ink);font-family:Geist,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--jar-orange);outline-offset:6px}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}.wp-site-blocks{padding:0}.wp-site-blocks>.wp-block-template-part{margin:0}.jar-main{margin:0!important;padding:0}.jar-onepage{max-width:none!important;width:100%}.jar-onepage .wp-block-group,.jar-onepage .wp-block-image,.jar-onepage p,.jar-onepage .wp-block-buttons{margin:0}.jar-onepage h1,.jar-onepage h2,.jar-onepage h3{font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:0}.jar-onepage p{max-width:none}.jar-onepage strong{font-weight:500}.jar-onepage .wp-block-buttons{gap:12px}.jar-eyebrow{font:10px/1.5 var(--jar-mono);letter-spacing:.06em;text-transform:uppercase}.jar-capsule{display:table;border:1px solid var(--jar-line);border-radius:1440px;padding:7px 14px}.jar-green-text{color:var(--jar-green)}
.jar-header{height:80px;padding:0 var(--jar-pad);display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--jar-paper);border-bottom:1px solid var(--jar-line);max-width:none!important}.wp-site-blocks>header{position:sticky;top:0;z-index:30}.admin-bar .wp-site-blocks>header{top:32px}.jar-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.jar-logo-image{margin:0;width:54px;line-height:0}.jar-logo-image img{width:54px;height:54px;object-fit:contain}.jar-wordmark{font-size:23px;letter-spacing:-1px;line-height:1.1;margin:0}.jar-wordmark span{display:block;font:7px/1.5 var(--jar-mono);letter-spacing:.5px;margin-top:6px}.jar-header .wp-block-navigation__container{gap:36px}.jar-header .wp-block-navigation-item{font:10px/1.5 var(--jar-mono);letter-spacing:.03em;text-transform:uppercase}.jar-header .wp-block-navigation-item__content{text-decoration:none}.jar-header .wp-block-navigation-item__content:hover{color:var(--jar-green)}.jar-nav-contact>a{background:var(--jar-green);color:white!important;border-radius:1440px;padding:12px 20px}.jar-nav-contact>a:hover{background:var(--jar-forest)}
.jar-onepage .wp-block-button__link{font:500 15px/1.4 Geist,Arial,sans-serif;border:1px solid var(--jar-green);border-radius:1440px!important;padding:16px 22px;background:var(--jar-green);color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:24px;box-shadow:none;transition:background .25s,color .25s,transform .25s,border-color .25s}.jar-onepage .wp-block-button__link:hover{background:var(--jar-forest);border-color:var(--jar-forest);transform:translateY(-3px)}.jar-arrow .wp-block-button__link:after{content:'↗';font-size:22px;line-height:1;font-weight:400}.jar-pill-light .wp-block-button__link{background:var(--jar-paper);border-color:var(--jar-paper);color:var(--jar-ink)}.jar-pill-light .wp-block-button__link:hover{background:var(--jar-yellow);border-color:var(--jar-yellow);color:var(--jar-ink)}.jar-pill-yellow .wp-block-button__link{background:var(--jar-yellow);border-color:var(--jar-yellow);color:var(--jar-ink)}.jar-pill-yellow .wp-block-button__link:hover{background:white;border-color:white;color:var(--jar-ink)}
.jar-hero{position:relative;isolation:isolate;min-height:710px;height:calc(100svh - 80px);max-height:930px;padding:66px var(--jar-pad) 100px;display:flex;align-items:center;overflow:hidden;color:var(--jar-paper);background:var(--jar-forest)}.jar-hero-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%}.jar-hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% 45%}.jar-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,19,15,.86),rgba(4,19,15,.54) 48%,rgba(4,19,15,.12)),linear-gradient(0deg,rgba(4,19,15,.42),transparent 45%)}.jar-hero:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}.jar-hero-copywrap{position:relative;z-index:2;width:min(840px,72%)}.jar-hero .jar-eyebrow{margin-bottom:30px}.jar-onepage .jar-display{font-size:clamp(72px,8.35vw,132px);line-height:.94;letter-spacing:-.067em;color:var(--jar-paper)}.jar-hero .jar-hero-copy{font-size:16px;line-height:1.6;margin:30px 0}.jar-hero-bottom{position:absolute;left:var(--jar-pad);bottom:30px;font:10px/1.5 var(--jar-mono);letter-spacing:.1em}.jar-teaser{position:absolute;right:var(--jar-pad);bottom:35px;width:340px;display:grid;grid-template-columns:135px 1fr;gap:16px;align-items:center;padding:8px;background:rgba(245,241,232,.13);border:1px solid rgba(245,241,232,.35);border-radius:16px;backdrop-filter:blur(12px);z-index:2}.jar-teaser-image{overflow:hidden;border-radius:8px;height:94px}.jar-teaser-image a{display:block;height:100%}.jar-teaser-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.jar-teaser-image a:hover img{transform:scale(1.07)}.jar-teaser .jar-eyebrow{margin:0 0 6px;font-size:8px}.jar-teaser-title{font-size:16px;letter-spacing:-.03em}.jar-text-play .wp-block-button__link{padding:5px 0;background:none;border:0;color:var(--jar-paper);font-size:12px;font-weight:400;gap:8px}.jar-text-play .wp-block-button__link:before{content:'▶';font-size:9px}.jar-text-play .wp-block-button__link:hover{background:none;color:var(--jar-yellow);transform:none}
.jar-section{padding:112px var(--jar-pad)}.jar-section-heading{text-align:center;margin:0 auto 64px!important}.jar-section-heading .jar-capsule{margin:0 auto 28px}.jar-onepage .jar-editorial-title{font-size:clamp(64px,7vw,104px);line-height:.93;letter-spacing:-.06em}.jar-section-intro{color:var(--jar-muted);margin:28px auto 0!important;font-size:16px}.jar-project-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:32px}.jar-project-secondary{margin-top:112px!important}.jar-project-media{position:relative;border-radius:16px;overflow:hidden;background:var(--jar-forest)}.jar-project-image{aspect-ratio:16/10;line-height:0}.jar-project-secondary .jar-project-image{aspect-ratio:16/11}.jar-project-image a{display:block;width:100%;height:100%;position:relative}.jar-project-image a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,13,.5),transparent 50%)}.jar-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1);filter:saturate(.85)}.jar-project-media:hover img{transform:scale(1.035)}.jar-project-media>.wp-block-buttons{position:absolute;bottom:20px;left:20px;z-index:2}.jar-play-button .wp-block-button__link{font-size:13px;padding:12px 18px;gap:12px;background:var(--jar-paper);color:var(--jar-ink);border-color:var(--jar-paper)}.jar-play-button .wp-block-button__link:before{content:'▶';font-size:9px}.jar-play-button .wp-block-button__link:hover{background:var(--jar-yellow);border-color:var(--jar-yellow);color:var(--jar-ink)}.jar-project-caption{padding-top:24px}.jar-project-caption .jar-eyebrow{color:var(--jar-green);margin-bottom:12px}.jar-project-caption h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.jar-project-description{font-size:15px;color:var(--jar-muted);margin-top:12px!important;max-width:450px!important}.jar-media-note{font-size:11px;color:var(--jar-muted);margin-top:40px!important;border-top:1px solid var(--jar-line);padding-top:20px}
.jar-offer{border-top:1px solid var(--jar-line);border-bottom:1px solid var(--jar-line);display:grid;grid-template-columns:1.1fr 1.9fr;gap:64px;padding-top:80px;padding-bottom:80px;background:#eeede3}.jar-offer-heading>.jar-eyebrow{margin-bottom:24px}.jar-offer h2{font-size:clamp(36px,3.6vw,56px)}.jar-offer-heading>p:last-child{font-size:14px;color:var(--jar-muted);margin-top:24px}.jar-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.jar-service-number{font:11px/1.5 var(--jar-mono);color:var(--jar-green);border-top:1px solid #bdc5ba;padding:18px 0 30px}.jar-service h3{font-size:25px;letter-spacing:-.035em}.jar-service>p:last-child{font-size:14px;color:var(--jar-muted);margin-top:18px}
.jar-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.jar-about-image{height:520px;overflow:hidden;border-radius:16px}.jar-about-image img{height:100%;width:100%;object-fit:cover;object-position:55% 50%}.jar-about-copy{max-width:480px}.jar-about-copy>.jar-eyebrow:first-child{margin-bottom:30px;color:var(--jar-green)}.jar-about h2{font-size:clamp(48px,5.6vw,80px)}.jar-about-copy>p:not(.jar-eyebrow){color:var(--jar-muted);font-size:16px;margin-top:24px}.jar-signature{margin-top:40px!important;border-top:1px solid var(--jar-line);padding-top:20px}
.jar-contact{background:var(--jar-green);color:var(--jar-paper);text-align:center;position:relative;isolation:isolate;overflow:hidden;padding-top:96px;padding-bottom:80px}.jar-contact:before{content:'';position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--jar-green) 0 45%,var(--jar-yellow) 45% 70%,var(--jar-orange) 70% 90%,var(--jar-red) 90%)}.jar-contact .jar-capsule{margin:0 auto 36px;border-color:rgba(245,241,232,.4)}.jar-onepage .jar-contact-title{font-size:clamp(64px,8vw,116px);line-height:.93}.jar-contact-intro{margin:28px auto!important;font-size:16px}.jar-contact>.wp-block-buttons{justify-content:center}.jar-contact-links{display:flex;justify-content:center;gap:36px;margin-top:40px!important;font-size:17px}.jar-contact-links a{text-decoration:none}.jar-contact-links a:hover{text-decoration:underline}.jar-contact-location{margin-top:48px!important;font-size:9px;color:#e2eee7}.jar-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px var(--jar-pad);background:var(--jar-paper);border-top:1px solid var(--jar-line)}.jar-footer p{margin:0}.jar-footer-name{font-size:13px}.jar-footer-up{font:10px/1.5 var(--jar-mono)}.jar-footer-up a{text-decoration:none}.jar-privacy{margin:0;padding:0 var(--jar-pad) 24px;font-size:12px}
.jar-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.jar-motion .jar-reveal:not(.is-visible){opacity:0;transform:translateY(28px)}.jar-dialog{background:var(--jar-forest);color:var(--jar-paper);border:1px solid #3b5047;border-radius:16px;padding:20px;width:min(1100px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto}.jar-dialog::backdrop{background:rgba(3,13,9,.88);backdrop-filter:blur(8px)}.jar-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.jar-dialog-title{font-size:16px;font-weight:400;margin:0}.jar-dialog-close{background:transparent;color:var(--jar-paper);border:1px solid #789087;border-radius:1440px;padding:9px 15px;font:12px Geist,Arial;cursor:pointer}.jar-dialog-frame{width:100%;aspect-ratio:16/9;display:block;border:0;border-radius:8px}.jar-dialog-fallback{font-size:12px;margin:16px 0 0}.jar-dialog-fallback a{color:var(--jar-yellow)}body.jar-player-open{overflow:hidden}.jar-basic{padding:80px var(--jar-pad);min-height:50vh}.jar-basic h1{font-size:48px;font-weight:400;letter-spacing:-.05em}
@media(min-width:1700px){.jar-section{padding-left:max(72px,calc((100% - 1500px)/2));padding-right:max(72px,calc((100% - 1500px)/2))}}
@media(max-width:1000px){.jar-header .wp-block-navigation__container{gap:22px}.jar-hero{min-height:720px}.jar-onepage .jar-display{font-size:96px}.jar-teaser{width:290px;grid-template-columns:100px 1fr}.jar-hero-copywrap{width:85%}.jar-section{padding-top:88px;padding-bottom:88px}.jar-offer{grid-template-columns:1fr;gap:48px}.jar-offer-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px}.jar-offer-heading>.jar-eyebrow{grid-column:1/-1;margin:0}.jar-offer-heading>p:last-child{margin:0;align-self:center}.jar-about{gap:48px}.jar-about-image{height:450px}.jar-project-secondary{margin-top:80px!important}}
@media(max-width:700px){html{scroll-padding-top:90px}.jar-header{height:72px}.jar-logo-image,.jar-logo-image img{width:46px;height:46px}.jar-wordmark{font-size:20px}.jar-wordmark span{font-size:6px}.jar-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--jar-paper);color:var(--jar-ink);padding:32px 24px}.jar-header .is-menu-open .wp-block-navigation__container{align-items:stretch;gap:28px;width:100%}.jar-header .is-menu-open .wp-block-navigation-item{font-size:17px}.jar-header .is-menu-open .wp-block-navigation-item__content{padding:8px 0}.jar-header .is-menu-open .jar-nav-contact>a{padding:16px 24px}.jar-hero{height:auto;min-height:800px;display:block;padding-top:72px;padding-bottom:215px}.jar-hero-copywrap{width:100%}.jar-onepage .jar-display{font-size:clamp(62px,13.5vw,94px)}.jar-hero-copy{font-size:15px!important}.jar-hero-image img{object-position:60% center}.jar-hero:before{background:linear-gradient(90deg,rgba(4,19,15,.85),rgba(4,19,15,.25)),linear-gradient(0deg,rgba(4,19,15,.55),transparent)}.jar-hero .jar-eyebrow{font-size:8px;letter-spacing:.035em}.jar-hero-bottom{bottom:22px;font-size:8px}.jar-teaser{left:var(--jar-pad);right:var(--jar-pad);bottom:65px;width:auto;max-width:335px;grid-template-columns:120px 1fr}.jar-teaser .jar-eyebrow{margin-bottom:6px}.jar-section{padding-top:72px;padding-bottom:72px}.jar-section-heading{margin-bottom:48px!important}.jar-onepage .jar-editorial-title{font-size:72px}.jar-section-intro{font-size:14px;max-width:300px!important}.jar-project-grid{grid-template-columns:1fr;gap:48px}.jar-project-secondary{margin-top:0!important}.jar-project-image,.jar-project-secondary .jar-project-image{aspect-ratio:16/11}.jar-project-caption{padding-top:20px}.jar-project-caption h3{font-size:32px}.jar-project-description{font-size:14px}.jar-media-note{font-size:10px;line-height:1.7}.jar-offer-heading{display:block}.jar-offer-heading>.jar-eyebrow{margin-bottom:24px}.jar-offer-heading>p:last-child{margin-top:20px}.jar-offer h2{font-size:44px}.jar-service-grid{grid-template-columns:1fr;gap:36px}.jar-service-number{padding:14px 0 18px}.jar-service h3{font-size:28px}.jar-service>p:last-child{margin-top:12px}.jar-about{grid-template-columns:1fr;gap:40px}.jar-about-image{height:380px}.jar-about-copy{max-width:none}.jar-about h2{font-size:64px}.jar-about-copy>p:not(.jar-eyebrow){font-size:15px}.jar-onepage .jar-contact-title{font-size:clamp(56px,14vw,80px)}.jar-contact-intro{font-size:15px}.jar-contact-links{flex-direction:column;gap:10px;font-size:16px}.jar-contact-location{font-size:8px;letter-spacing:0}.jar-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:24px;padding-bottom:24px}.jar-footer>.jar-eyebrow{grid-row:2;font-size:8px}.jar-footer-up{grid-column:2;grid-row:1/3;font-size:9px}.jar-footer-name{font-size:11px}.jar-dialog{padding:12px}.jar-dialog-title{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.jar-motion .jar-reveal:not(.is-visible){opacity:1;transform:none}}
.editor-styles-wrapper .jar-reveal{opacity:1!important;transform:none!important}.editor-styles-wrapper .jar-hero{min-height:700px}.editor-styles-wrapper .jar-header{position:relative}.editor-styles-wrapper .jar-hero:after{display:none}

.jar-project-external{margin-top:18px!important;font-size:12px}.jar-project-external a{text-decoration:none;border-bottom:1px solid var(--jar-line);padding-bottom:5px}.jar-project-external a:hover{color:var(--jar-green)}.jar-portfolio-more{margin:48px 0 0!important}.jar-portfolio-more .wp-block-buttons{justify-content:center}