/*
Theme Name: Pixora Studio
Template: sendviaphone_wp
Version: 0.1.6
Description: Společná vizuální identita Pixora. Projekty zůstávají v samostatných pluginech.
Author: Pixora
*/
:root{--px-bg:#101115;--px-paper:#f3f3ed;--px-acid:#d4ff62;--px-line:#ffffff26;--px-muted:#a8aab3}body.px-home{margin:0;background:var(--px-bg);color:var(--px-paper);font:16px/1.6 Arial,Helvetica,sans-serif}.px-home *{box-sizing:border-box}.px-home a{color:inherit;text-decoration:none}.px-home a:focus-visible{outline:3px solid var(--px-acid);outline-offset:6px}.px-wrap{width:min(1320px,90%);margin:auto}.px-nav{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--px-line);gap:30px}.px-logo{font-size:30px;font-weight:800;letter-spacing:-1.8px;display:flex;align-items:center;gap:10px}.px-symbol{display:inline-grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-12deg)}.px-symbol i{width:9px;height:9px;background:var(--px-acid)}.px-symbol i:last-child{border-radius:50%;background:transparent;border:2px solid var(--px-acid)}.px-nav nav{display:flex;gap:32px;font-size:14px}.px-pill{border:1px solid #ffffff50;border-radius:100px;padding:11px 23px;font-size:14px}.px-hero{padding:100px 0 78px;position:relative}.px-kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--px-muted);display:flex;align-items:center;gap:12px}.px-kicker:before{content:'';width:26px;height:1px;background:var(--px-acid)}.px-hero h1{font-size:clamp(56px,8.6vw,122px);letter-spacing:-.075em;line-height:1.02;font-weight:500;margin:35px 0 42px;max-width:1100px}.px-hero h1 em{font-style:normal;color:var(--px-acid)}.px-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.px-hero-bottom p{max-width:460px;color:var(--px-muted);font-size:19px;line-height:1.7;margin:0}.px-button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;background:var(--px-acid);color:#111!important;font-size:14px;font-weight:700;padding:17px 27px;white-space:nowrap}.px-label-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--px-line);padding:26px 0;margin-top:18px;font-size:12px;letter-spacing:1.5px;color:var(--px-muted)}.px-products{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:95px}.px-product{border:1px solid var(--px-line);border-radius:20px;overflow:hidden;background:#191a20}.px-product-top{padding:32px;display:flex;justify-content:space-between;align-items:center}.px-product-top span{font-size:12px;border:1px solid #ffffff30;padding:5px 13px;border-radius:50px;color:#dedee5}.px-product-top b{font-size:13px;font-weight:400;color:var(--px-muted)}.px-art{height:280px;margin:0 32px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:12px}.px-sms-art{background:#d9e8fa}.px-message-stack{width:78%;transform:rotate(-6deg);display:grid;gap:12px}.px-message{padding:20px 23px;background:#fff;color:#20242f;border-radius:12px;box-shadow:0 12px 30px #29487012;font-size:14px}.px-message b{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.px-message b span{font-weight:400;color:#747c8b}.px-message:nth-child(2){transform:translateX(24px);background:#304fa7;color:white}.px-message:nth-child(2) b span{color:#c7d4f9}.px-flip-art{background:#c6b9f4;perspective:1000px}.px-mini-book{display:flex;width:78%;height:76%;transform:rotate(-7deg);box-shadow:12px 20px 30px #30236030}.px-mini-page{width:50%;padding:23px;background:#f4f0e8;color:#292239;display:flex;flex-direction:column;justify-content:space-between;font-size:10px}.px-mini-page:first-child{background:#352851;color:#e4ffa0;box-shadow:inset -10px 0 20px #0002}.px-mini-page strong{font-size:clamp(25px,2.9vw,39px);line-height:.98;font-weight:500;letter-spacing:-2px}.px-mini-page:last-child{border-left:1px solid #bbb4aa;background:linear-gradient(110deg,#ddd6cb,#f4f0e8 12%)}.px-page-lines{border-top:1px solid #393143;padding-top:10px}.px-page-lines div{height:6px;background:#35285120;margin:10px 0}.px-page-lines div:last-child{width:60%}.px-product-copy{padding:32px}.px-product-copy h2{font-size:32px;letter-spacing:-1px;margin:0 0 12px}.px-product-copy p{color:var(--px-muted);max-width:450px;min-height:54px;margin:0 0 27px}.px-product-copy a{display:inline-block;border-bottom:1px solid var(--px-acid);padding-bottom:5px;font-size:14px}.px-principles{background:var(--px-paper);color:#15161c;padding:80px 0}.px-principles-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.px-principles h2{font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin:0}.px-principles .px-kicker{color:#696a75;margin-bottom:24px}.px-principles .px-kicker:before{background:#7362cf}.px-values{display:grid;gap:22px}.px-values article{border-top:1px solid #15161c30;padding-top:18px;display:grid;grid-template-columns:36px 1fr;gap:18px}.px-values article>span{font-size:12px;color:#777}.px-values h3{font-size:19px;margin:0 0 8px}.px-values p{color:#696a75;font-size:15px;margin:0}.px-footer{padding:44px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--px-muted);font-size:13px}.px-footer .px-logo{color:var(--px-paper);font-size:24px}.px-footer a:last-child{border-bottom:1px solid #ffffff30}.px-home{scroll-behavior:smooth}@media(max-width:760px){.px-nav{height:85px}.px-nav nav{display:none}.px-hero{padding:65px 0 50px}.px-hero h1{font-size:clamp(50px,10.5vw,76px)}.px-hero-bottom{align-items:start;flex-direction:column;gap:25px}.px-products{grid-template-columns:1fr;padding-bottom:55px}.px-principles-inner{grid-template-columns:1fr;gap:40px}.px-art{height:260px}.px-mini-page strong{font-size:32px}.px-footer{flex-wrap:wrap}.px-label-row span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.px-home{scroll-behavior:auto}}

@media(max-width:760px){.px-mini-page{padding:14px;font-size:8px}.px-mini-page strong{font-size:27px;letter-spacing:-1px}.px-mini-page>span:last-child{display:none}.px-message{font-size:12px;padding:16px}.px-message b{font-size:9px}.px-message-stack{width:84%}.px-message:nth-child(2){transform:translateX(10px)}}

.px-logo img{display:block;max-width:100%;height:auto}.px-nav .px-logo img{width:164px}.px-footer .px-logo img{width:130px}

.px-beauty-art{justify-content:flex-start;padding:30px;color:#233b31;isolation:isolate}.px-beauty-cz{background:linear-gradient(130deg,#e3ecdc,#b9cbb6)}.px-beauty-sk{background:linear-gradient(130deg,#f1e3d5,#d9bcab);color:#533c32}.px-beauty-art>div{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.px-beauty-art small,.px-beauty-art div>span{font-size:10px;letter-spacing:1.7px}.px-beauty-art strong{font:500 clamp(30px,3.2vw,46px)/1.04 Georgia,serif;letter-spacing:-1.5px}.px-beauty-orbit{position:absolute;width:220px;height:290px;border:1px solid currentColor;border-radius:50%;right:-65px;top:15px;transform:rotate(30deg);opacity:.22}.px-beauty-orbit:before,.px-beauty-orbit:after{content:"";position:absolute;inset:25px;border:1px solid currentColor;border-radius:50%}.px-beauty-orbit:after{inset:50px}.px-product-copy{display:flex;flex-direction:column;flex:1}.px-product{display:flex;flex-direction:column}.px-product-copy a{align-self:flex-start;margin-top:auto}.px-art{flex-shrink:0}

/* Real portfolio imagery stays behind a readable color veil. */
.px-portfolio-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.44;z-index:-2}.px-beauty-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e3ecdce8,#e3ecdc70 68%,#e3ecdc18)}.px-beauty-sk:after{background:linear-gradient(90deg,#f1e3d5ef,#f1e3d570 68%,#f1e3d518)}.px-refan-art{background:#eee2d1;color:#57402b}.px-refan-art:after{background:linear-gradient(90deg,#eee2d1f2,#eee2d170 68%,#eee2d118)}.px-refan-art .px-portfolio-shot{opacity:.7}.px-app-art{background:#dfe8d2;color:#294237;padding-right:43%}.px-app-art:after{display:none}.px-app-shot{position:absolute;right:0;top:0;height:100%;width:44%;object-fit:contain;object-position:right center}.px-app-art strong{font-size:clamp(28px,3vw,43px)}.px-app-art small,.px-app-art div>span{font-size:9px;letter-spacing:1px}@media(max-width:420px){.px-beauty-art{padding:20px}.px-app-art{padding-right:42%}.px-app-art strong{font-size:28px}.px-product-top{padding:24px;gap:12px}.px-product-top b{font-size:11px}.px-product-top span{font-size:10px}.px-art{margin:0 24px}.px-product-copy{padding:24px}}

.px-store-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:auto}.px-store-links a{margin-top:0}

/* Fill each preview with the actual page area; discard captured empty side panels. */
.px-beauty-cz .px-portfolio-shot{width:190.33%;max-width:none;height:100%;object-fit:fill;object-position:left top}
.px-beauty-sk .px-portfolio-shot{width:187.5%;max-width:none;height:100%;object-fit:fill;object-position:left top}
.px-refan-art .px-portfolio-shot{width:200%;max-width:none;height:200%;object-fit:fill;object-position:left top}
.px-app-art{background:#dfe8d2 url('assets/tiande-app.webp') center/cover no-repeat}
.px-app-art:after{display:block;background:linear-gradient(90deg,#dfe8d2fa 25%,#dfe8d2d9 65%,#dfe8d29c)}
.px-app-shot{mask-image:linear-gradient(90deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%)}

.px-account{display:flex;flex-direction:column;justify-content:center;min-width:120px;max-width:260px;line-height:1.4}.px-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.px-account-caption{font-size:11px;color:#d4ff62;margin-top:3px}@media(max-width:760px){.px-account{min-width:0;max-width:48%;padding:9px 14px}.px-account-name{font-size:12px}.px-nav{gap:16px}.px-nav .px-logo{min-width:0;flex-shrink:1}}