.theme-pill{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:500;display:flex;flex-direction:column;align-items:center;background:transparent;border:none;border-radius:20px;padding:3px;width:22px;gap:0;transition:opacity .4s;opacity:.18}
.theme-pill:hover{opacity:.7}.tp-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;border-radius:50%;color:var(--text2);transition:color .25s,opacity .25s;padding:0;opacity:.5}
.tp-btn:hover{opacity:1;color:var(--text)}.tp-btn.active{opacity:1;color:var(--text)}.tp-btn svg{width:13px;height:13px;display:block;fill:none}
.tp-sep{width:8px;height:.5px;background:var(--divider);margin:1px auto;flex-shrink:0;opacity:.4}
nav.site-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;background:var(--nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:.5px solid var(--divider);transition:background .45s,box-shadow .3s}
nav.site-nav.scrolled{box-shadow:var(--shadow)}.logo-placeholder{height:36px;min-width:120px;border-radius:7px;background:var(--bg3);border:.5px solid var(--border2);display:flex;align-items:center;justify-content:center;padding:0 12px}
.logo-placeholder span{font-size:10px;color:var(--text2);letter-spacing:.06em;text-transform:uppercase;font-weight:500;white-space:nowrap}.custom-logo-link img{height:36px;width:auto;object-fit:contain}
.nav-actions{display:flex;align-items:center;gap:12px}
.cart-icon{position:relative;display:flex;align-items:center;color:var(--text2);transition:color .2s;padding:4px}.cart-icon:hover{color:var(--text)}
.cart-count{position:absolute;top:-4px;right:-4px;background:var(--vc-accent,#00c4b8);color:#000;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.nav-links{display:flex;gap:24px;list-style:none;margin:0;padding:0}.nav-links li a{color:var(--text2);font-size:13px;font-weight:500;transition:color .2s}.nav-links li a:hover{color:var(--text)}
.nav-cta{padding:9px 18px;border-radius:9px;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap;background:linear-gradient(135deg,var(--vc-accent,#00c4b8),var(--vc-accent2,#009eb4));border:none;color:#fff!important;box-shadow:0 2px 10px rgba(0,196,184,.2)}
[data-theme="light"] .nav-cta{background:var(--btn);box-shadow:none;color:#fff!important}.nav-cta:hover{opacity:.88;transform:translateY(-1px)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.vc-hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:100px 5% 60px;overflow:hidden;position:relative;z-index:1}
.hero-tag{font-size:10px;letter-spacing:.2em;color:var(--text2);text-transform:uppercase;margin-bottom:20px;opacity:0;animation:fadeUp .7s ease .3s forwards;font-weight:500}
.hero-tagline{margin-bottom:28px;opacity:0;animation:fadeUp .7s ease .5s forwards;display:flex;align-items:center;justify-content:center;gap:.25em;white-space:nowrap;overflow:visible;font-size:clamp(32px,5.5vw,72px);font-weight:800;line-height:1;letter-spacing:-.03em;font-family:'Inter',system-ui,sans-serif}
.tl-static{color:var(--text);transition:color .4s;display:inline-block;line-height:1;vertical-align:middle}
.tl-slot{display:inline-block;overflow:hidden;height:1em;position:relative;vertical-align:middle}
.tl-word{position:absolute;top:0;left:0;right:0;font-size:inherit;font-weight:900;line-height:1;letter-spacing:inherit;color:var(--text);transform:translateY(110%);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .38s;opacity:0;white-space:nowrap}
[data-theme="dark"] .tl-word{color:#f0f0f5}[data-theme="light"] .tl-word{color:#1d1d1f}
.tl-word.active{transform:translateY(0);opacity:1}.tl-word.exit{transform:translateY(-110%);opacity:0}
.hero-sub{font-size:clamp(14px,2vw,17px);color:var(--text2);max-width:560px;line-height:1.72;margin-bottom:36px;opacity:0;animation:fadeUp .7s ease .7s forwards;transition:color .4s;padding:0 8px}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;opacity:0;animation:fadeUp .7s ease .9s forwards}
.btn-primary{background:linear-gradient(135deg,var(--vc-accent,#00c4b8),var(--vc-accent2,#009eb4));border:none;color:#fff!important;padding:12px 26px;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s;display:inline-block;box-shadow:0 2px 14px rgba(0,196,184,.22)}
[data-theme="light"] .btn-primary{background:var(--btn);box-shadow:none}.btn-primary:hover{opacity:.88;transform:translateY(-2px)}
.btn-outline{border:.5px solid var(--btn-border);color:var(--text);padding:12px 26px;border-radius:10px;font-size:14px;font-weight:500;transition:all .2s;display:inline-block;background:transparent}
.btn-outline:hover{background:var(--surface);transform:translateY(-2px)}
.scroll-hint{margin-top:44px;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--text2);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;opacity:0;animation:fadeUp .7s ease 1.2s forwards}
.scroll-arrow{width:18px;height:28px;border:.5px solid var(--border2);border-radius:9px;display:flex;justify-content:center;position:relative}
.scroll-dot{width:3px;height:6px;background:var(--text2);border-radius:2px;position:absolute;top:4px;animation:scrollDot 1.8s ease infinite}
.vc-divider{height:.5px;background:var(--divider);margin:0 5%;transition:background .4s;border:none}
.vc-section{padding:72px 5%;max-width:1320px;margin:0 auto;width:100%;position:relative;z-index:1}
.section-label{font-size:10px;letter-spacing:.16em;color:var(--text2);text-transform:uppercase;margin-bottom:10px;display:block;font-weight:600}
.section-title{font-size:clamp(22px,3vw,38px);font-weight:700;line-height:1.2;margin-bottom:14px;color:var(--text);transition:color .4s}
.section-sub{color:var(--text2);font-size:15px;max-width:520px;line-height:1.7;margin-bottom:44px;transition:color .4s}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border:.5px solid var(--divider);border-radius:16px;overflow:hidden;background:var(--divider);gap:.5px}
.service-card{background:var(--card-bg);padding:26px 22px;transition:background .4s}.service-card:hover{background:var(--bg3)}
.card-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:16px;transition:background .4s}
.ci-1{background:rgba(0,196,184,.15);color:var(--vc-accent,#00c4b8)}.ci-2{background:rgba(78,203,71,.13);color:#4ecb47}.ci-3{background:rgba(0,184,240,.13);color:#00b8f0}
.ci-4{background:rgba(155,46,204,.13);color:#9b2ecc}.ci-5{background:rgba(232,104,32,.13);color:#e86820}.ci-6{background:rgba(212,0,122,.13);color:#d4007a}
.card-title{font-size:15px;font-weight:600;margin-bottom:7px;color:var(--text);transition:color .4s}
.card-desc{color:var(--text2);font-size:13px;line-height:1.7;transition:color .4s}
.card-tag{display:inline-block;margin-top:12px;font-size:9.5px;letter-spacing:.08em;padding:3px 8px;border-radius:20px;text-transform:uppercase;background:var(--bg3);color:var(--text2);border:.5px solid var(--divider)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-text p{color:var(--text2);font-size:15px;line-height:1.8;margin-bottom:14px;transition:color .4s}
.about-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.pill{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--surface2);border:.5px solid var(--divider);color:var(--text2)}
.about-visual{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.av-card{background:var(--surface2);border:.5px solid var(--divider);border-radius:12px;padding:20px 14px;text-align:center;transition:background .4s}
.av-num{font-size:28px;font-weight:800;color:var(--text);line-height:1;margin-bottom:5px;transition:color .4s}
.av-label{color:var(--text2);font-size:11.5px;line-height:1.5;transition:color .4s}
.why-wrap{background:var(--bg2);padding:72px 5%;position:relative;z-index:1;transition:background .4s}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:40px}
.stat-item{text-align:center;padding:24px 10px;background:var(--card-bg);border:.5px solid var(--divider);border-radius:12px;transition:background .4s}
.stat-num{font-size:30px;font-weight:800;line-height:1;margin-bottom:8px;color:var(--text);transition:color .4s}
.stat-label{color:var(--text2);font-size:12.5px;line-height:1.55;transition:color .4s}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}
.product-card{background:var(--card-bg);border:.5px solid var(--divider);border-radius:14px;padding:24px;display:flex;flex-direction:column;transition:transform .2s,border-color .25s,background .4s}
.product-card:hover{transform:translateY(-3px);border-color:var(--border2)}
.p-badge{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:20px;margin-bottom:12px;display:inline-block;width:fit-content;background:var(--bg3);color:var(--text2);border:.5px solid var(--divider)}
.p-badge-live{background:rgba(0,196,184,.12);color:var(--vc-accent,#00c4b8);border:.5px solid rgba(0,196,184,.25)}
.p-name{font-size:16px;font-weight:700;margin-bottom:7px;color:var(--text);transition:color .4s}
.p-desc{color:var(--text2);font-size:13px;line-height:1.65;margin-bottom:18px;flex:1;transition:color .4s}
.btn-buy{width:100%;background:linear-gradient(135deg,var(--vc-accent,#00c4b8),var(--vc-accent2,#009eb4));border:none;color:#fff!important;padding:10px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;text-align:center;display:block;transition:opacity .2s}
[data-theme="light"] .btn-buy{background:var(--btn)}.btn-buy:hover{opacity:.88}
.btn-dis{background:var(--bg3)!important;color:var(--text2)!important;opacity:.4;cursor:not-allowed}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-info h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text);transition:color .4s}
.contact-info p{color:var(--text2);font-size:14px;line-height:1.75;margin-bottom:12px;transition:color .4s}
.cd{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:13.5px;color:var(--text2);transition:color .4s}
.cd-ic{width:26px;height:26px;border-radius:6px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;border:.5px solid var(--divider)}
.legal-box{margin-top:20px;background:var(--surface2);border:.5px solid var(--divider);border-radius:10px;padding:14px 16px;transition:background .4s}
.legal-box p{font-size:12px;color:var(--text2);line-height:1.85;margin:0;transition:color .4s}.legal-box strong{color:var(--text);transition:color .4s}
.contact-form{display:flex;flex-direction:column;gap:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.form-input{background:var(--surface);border:.5px solid var(--border2);border-radius:9px;padding:11px 13px;color:var(--text);font-size:13.5px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s,background .4s,color .4s;width:100%}
.form-input::placeholder{color:var(--text2)}.form-input:focus{border-color:rgba(0,196,184,.5)}
textarea.form-input{resize:vertical;min-height:100px}
.btn-submit{background:linear-gradient(135deg,var(--vc-accent,#00c4b8),var(--vc-accent2,#009eb4));border:none;color:#fff!important;padding:12px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;width:100%}
[data-theme="light"] .btn-submit{background:var(--btn)}.btn-submit:hover{opacity:.88;transform:translateY(-1px)}
/* Store page styles */
.store-hero{padding:120px 5% 60px;text-align:center;position:relative;z-index:1}
.store-hero-inner{max-width:640px;margin:0 auto}
.store-hero-title{font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-.03em;margin-bottom:14px;color:var(--text);transition:color .4s}
.store-hero-sub{color:var(--text2);font-size:16px;line-height:1.7;margin-bottom:28px;transition:color .4s}
.vc-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vc-product-card{background:var(--card-bg);border:.5px solid var(--divider);border-radius:14px;overflow:hidden;transition:transform .2s,border-color .25s,background .4s}
.vc-product-card:hover{transform:translateY(-4px);border-color:var(--border2)}
.vc-product-img{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg3)}
.vc-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vc-product-card:hover .vc-product-img img{transform:scale(1.04)}
.vc-product-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text2)}
.vc-sale-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--vc-accent,#00c4b8),var(--vc-accent2,#009eb4));color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase}
.vc-product-info{padding:16px}
.vc-product-title{font-size:14.5px;font-weight:600;margin-bottom:8px;line-height:1.3}
.vc-product-title a{color:var(--text);transition:color .2s}.vc-product-title a:hover{color:var(--vc-accent,#00c4b8)}
.vc-product-price{font-size:16px;font-weight:700;color:var(--vc-accent,#00c4b8);margin-bottom:12px}
.vc-product-price del{color:var(--text2);font-weight:400;margin-right:6px}
.vc-out-of-stock{font-size:12px;color:var(--text2);font-style:italic}
.store-empty{background:var(--surface2);border:.5px solid var(--divider);border-radius:12px;padding:32px;text-align:center;color:var(--text2)}
.store-empty a{color:var(--vc-accent,#00c4b8)}
.vc-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.vc-cat-card{background:var(--card-bg);border:.5px solid var(--divider);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .25s}
.vc-cat-card:hover{transform:translateY(-3px);border-color:var(--border2)}
.vc-cat-img{height:100px;background:var(--bg3);background-size:cover;background-position:center}
.vc-cat-img-empty{display:flex;align-items:center;justify-content:center;color:var(--text2)}
.vc-cat-info{padding:12px}
.vc-cat-name{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px;transition:color .4s}
.vc-cat-count{font-size:11.5px;color:var(--text2);transition:color .4s}
.store-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.store-link-card{background:var(--card-bg);border:.5px solid var(--divider);border-radius:14px;padding:24px 20px;transition:transform .2s,border-color .25s,background .4s;display:block}
.store-link-card:hover{transform:translateY(-3px);border-color:var(--border2)}
.store-link-card .slc-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:16px}
.store-link-card h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px;transition:color .4s}
.store-link-card p{font-size:13px;color:var(--text2);line-height:1.6;transition:color .4s}
/* WooCommerce wrapper */
.wc-wrapper{padding:80px 0;position:relative;z-index:1}.wc-container{max-width:1320px;margin:0 auto;padding:0 5%}
footer.site-footer{border-top:.5px solid var(--divider);background:var(--bg2);position:relative;z-index:1;transition:background .4s,border .4s}
.footer-top{max-width:1320px;margin:0 auto;padding:44px 5% 26px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.f-logo-ph{width:110px;height:24px;border-radius:5px;background:var(--bg3);border:.5px solid var(--divider);display:flex;align-items:center;justify-content:center;margin-bottom:9px}
.f-logo-ph span{font-size:9px;color:var(--text2);letter-spacing:.06em;text-transform:uppercase;font-weight:500}
.custom-logo-link img{height:24px;width:auto;object-fit:contain;margin-bottom:9px}
.f-tagline{color:var(--text2);font-size:12.5px;max-width:200px;line-height:1.6;font-style:italic;transition:color .4s}
.f-col h4{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text2);margin-bottom:11px;font-weight:600}
.f-col ul{list-style:none;margin:0;padding:0}.f-col li{margin-bottom:7px}.f-col a{color:var(--text2);font-size:12.5px;transition:color .2s}.f-col a:hover{color:var(--text)}
.footer-bottom{max-width:1320px;margin:0 auto;padding:14px 5% 20px;border-top:.5px solid var(--divider);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;transition:border .4s}
.f-copy{color:var(--text2);font-size:11px;transition:color .4s}.f-legal{display:flex;gap:5px;align-items:center}
.f-legal a{color:var(--text2);font-size:10.5px;transition:color .2s}.f-legal a:hover{color:var(--text)}.f-sep{color:var(--text2);font-size:10px}
.entry-content,.page-content{max-width:760px;margin:0 auto;padding:100px 5% 80px;color:var(--text);line-height:1.8}
.entry-content h1,.entry-content h2,.entry-content h3{color:var(--text);margin:1.8em 0 .6em;font-weight:700}
.entry-content p{margin-bottom:1.2em;color:var(--text2)}.entry-content a{color:var(--vc-accent,#00c4b8)}
.entry-content blockquote{border-left:3px solid var(--vc-accent,#00c4b8);padding:12px 20px;margin:1.4em 0;background:rgba(0,196,184,.05);border-radius:0 8px 8px 0;font-style:italic;color:var(--text2)}
.entry-content code{background:var(--bg3);color:var(--vc-accent,#00c4b8);padding:2px 7px;border-radius:5px;font-size:.9em}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes scrollDot{0%,100%{top:4px;opacity:1}60%{top:14px;opacity:.3}}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:28px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.vc-product-grid{grid-template-columns:1fr 1fr}.store-links-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.nav-toggle{display:flex}.nav-links-wrap{position:fixed;top:62px;left:0;right:0;z-index:199;background:var(--nav-bg);backdrop-filter:blur(24px);border-bottom:.5px solid var(--divider);padding:20px 5% 24px;transform:translateY(-110%);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s;pointer-events:none}.nav-links-wrap.open{transform:translateY(0);opacity:1;pointer-events:all}.nav-links{flex-direction:column;gap:18px}.nav-links li a{font-size:16px}.services-grid{grid-template-columns:1fr;border-radius:12px}.about-grid{grid-template-columns:1fr;gap:32px}.contact-wrap{grid-template-columns:1fr;gap:36px}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}.form-row{grid-template-columns:1fr}.theme-pill{left:8px}.vc-product-grid{grid-template-columns:1fr}.store-links-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){nav.site-nav{padding:10px 4%}.vc-section{padding:56px 4%}.hero-btns{flex-direction:column;width:100%;max-width:280px}.btn-primary,.btn-outline{width:100%;text-align:center}.nav-cta{padding:8px 14px;font-size:12px}.logo-placeholder{min-width:90px;height:32px}.about-visual{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:1fr}.store-links-grid{grid-template-columns:1fr}}
@media(max-width:360px){.hero-tagline{font-size:28px}.section-title{font-size:22px}}
@supports(padding:max(0px)){nav.site-nav{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}footer.site-footer{padding-bottom:env(safe-area-inset-bottom)}}
:focus-visible{outline:2px solid var(--vc-accent,#00c4b8);outline-offset:3px;border-radius:4px}
.vc-alert{margin:0 0 22px;padding:13px 18px;border-radius:10px;font-size:13.5px;line-height:1.6;border:.5px solid;display:flex;align-items:flex-start;gap:9px;transition:background .4s,color .4s}.vc-alert::before{font-weight:700;line-height:1.5;flex-shrink:0}.vc-alert-ok{background:rgba(0,196,184,.1);border-color:rgba(0,196,184,.32);color:var(--vc-accent,#00c4b8)}.vc-alert-ok::before{content:"\2713"}.vc-alert-err{background:rgba(232,64,64,.1);border-color:rgba(232,64,64,.34);color:#e84040}.vc-alert-err::before{content:"\26A0"}
.nav-brand{display:flex;align-items:center}
.vc-logo{display:inline-flex;align-items:center;line-height:0}
.vc-logo img{width:auto;object-fit:contain;display:none}
.site-nav .vc-logo img{height:46px}
.site-footer .vc-logo img{height:26px;margin-bottom:9px}
[data-theme="dark"] .vc-logo img.logo-dark{display:block}
[data-theme="light"] .vc-logo img.logo-light{display:block}
.vc-logo img.logo-light{display:none}
[data-theme="light"] .vc-logo img.logo-dark{display:none}


/* ===== v3.3.0: social, works, blog, retina & responsive polish ===== */
img{max-width:100%;height:auto}
svg{max-width:100%}
html{-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.entry-content img,.single-work-body img,.vc-canvas img{height:auto}

.f-social{flex-basis:100%;display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:8px}
.f-social-link{display:inline-flex;color:var(--text2,#9a9aa0);transition:color .2s,transform .2s;line-height:0}
.f-social-link svg{width:16px;height:16px;display:block}
.f-social-link:hover{color:var(--vc-accent,#00c4b8);transform:translateY(-2px)}

.vc-canvas{width:100%}
.page-content{max-width:880px;margin:0 auto;padding:104px 5% 80px}
.page-content .entry-title{font-size:clamp(1.9rem,4.4vw,2.7rem);font-weight:800;letter-spacing:-.02em;margin-bottom:22px}
.page-content .entry-content{color:var(--text2,#9a9aa0);line-height:1.85}
.page-content .entry-content h2{color:var(--text,#f5f5f5);margin:26px 0 10px;font-size:1.4rem}
.page-content .entry-content p{margin-bottom:16px}

.work-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.work-card,.blog-card{background:var(--card,#242427);border:.5px solid var(--divider,#2e2e32);border-radius:16px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.work-card:hover,.blog-card:hover{transform:translateY(-4px);border-color:var(--vc-accent,#00c4b8);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.work-card-link,.blog-card a{display:block;color:inherit}
.work-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,rgba(0,196,184,.12),rgba(0,158,180,.05));display:flex;align-items:center;justify-content:center;overflow:hidden}
.work-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.work-thumb-ph{font-weight:800;color:var(--text2,#9a9aa0);opacity:.45;letter-spacing:.01em}
.work-meta{padding:16px 18px}
.work-cat,.blog-date{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--vc-accent,#00c4b8);font-weight:700}
.work-title{font-size:1.05rem;font-weight:700;margin-top:6px}
.single-work-head{max-width:1320px;margin:0 auto}
.single-work-thumb{margin:26px 0;border-radius:18px;overflow:hidden}
.single-work-thumb img{width:100%;height:auto;display:block}
.single-work-body{max-width:840px;color:var(--text2,#9a9aa0);line-height:1.85}
.related-works{padding-top:8px}
.blog-thumb{aspect-ratio:16/9;background:var(--bg2,#1c1c1e);overflow:hidden}
.blog-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.blog-body{padding:18px 20px}
.blog-date{color:var(--text2,#9a9aa0)}
.blog-title{font-size:1.1rem;font-weight:700;margin:8px 0;color:var(--text,#f5f5f5)}
.blog-excerpt{color:var(--text2,#9a9aa0);font-size:.92rem;line-height:1.7}

.vc-pagination{margin-top:38px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.vc-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:9px;border:.5px solid var(--divider,#2e2e32);color:var(--text2,#9a9aa0);font-size:14px;transition:all .2s;text-decoration:none}
.vc-pagination .page-numbers.current,.vc-pagination a.page-numbers:hover{background:var(--vc-accent,#00c4b8);color:#fff;border-color:transparent}

@media(max-width:1024px){.work-grid,.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.f-social{justify-content:flex-start;margin-top:10px}.page-content{padding:84px 5% 60px}}
@media(max-width:640px){.work-grid,.blog-grid{grid-template-columns:1fr}}
@media(min-resolution:2dppx){.vc-logo img{image-rendering:-webkit-optimize-contrast}}