/*
Theme Name: Pixeloryn Studio Final
Theme URI: https://autohive.com
Author: Autohive
Author URI: https://autohive.com
Description: Final premium WordPress theme package for Pixeloryn Studio with ACF-primary structure, demo importer scaffold, richer case study templates, cinematic homepage direction, and deployment-prep foundation.
Version: 4.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: pixeloryn-studio
*/

:root {
    --px-bg: #04070f;
    --px-panel: rgba(15, 23, 42, .7);
    --px-line: rgba(255,255,255,.08);
    --px-text: #e5e7eb;
    --px-muted: #9ca3af;
    --px-accent: #8b5cf6;
    --px-accent-2: #22d3ee;
    --px-accent-3: #f472b6;
    --px-container: 1220px;
    --px-radius: 24px;
    --px-shadow: 0 24px 90px rgba(0,0,0,.38);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    margin:0;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at 15% 8%, rgba(139,92,246,.24), transparent 20%),
        radial-gradient(circle at 80% 10%, rgba(34,211,238,.15), transparent 18%),
        radial-gradient(circle at 60% 70%, rgba(244,114,182,.10), transparent 24%),
        linear-gradient(180deg, #03060d 0%, #09101f 50%, #04070f 100%);
    color:var(--px-text);
}
a { color:inherit; text-decoration:none; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline:2px solid var(--px-accent-2);
    outline-offset:3px;
}
img { max-width:100%; height:auto; display:block; }
.container { width:min(var(--px-container), calc(100% - 2rem)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:60; background:rgba(4,7,15,.72); backdrop-filter:blur(18px); border-bottom:1px solid var(--px-line); }
.site-header__inner, .site-footer__inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0; }
.site-title a { color:#fff; font-weight:800; letter-spacing:.02em; }
.menu { display:flex; gap:1rem; list-style:none; margin:0; padding:0; }
.section { padding:5rem 0; position:relative; }
.section-tight { padding:3.5rem 0; }
.eyebrow { display:inline-block; margin-bottom:1rem; text-transform:uppercase; letter-spacing:.18em; color:var(--px-accent-2); font-size:.78rem; font-weight:700; }
h1,h2,h3,h4 { margin:0 0 1rem; color:#fff; line-height:1.02; letter-spacing:-.03em; }
h1 { font-size:clamp(3rem, 7vw, 6.5rem); }
h2 { font-size:clamp(2rem, 4vw, 3.75rem); }
h3 { font-size:clamp(1.15rem, 2vw, 1.55rem); }
p { margin:0 0 1rem; color:rgba(229,231,235,.86); line-height:1.72; }
.button, button, input[type="submit"] { appearance:none; border:0; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:.95rem 1.25rem; border-radius:999px; font-weight:700; color:#fff; background:linear-gradient(135deg, var(--px-accent), var(--px-accent-3)); box-shadow:0 14px 34px rgba(139,92,246,.28); transition:.25s ease; }
.button:hover, button:hover, input[type="submit"]:hover { transform:translateY(-2px); }
.button.is-secondary { background:rgba(255,255,255,.04); border:1px solid var(--px-line); box-shadow:none; }
.glass-card { background:var(--px-panel); border:1px solid var(--px-line); border-radius:var(--px-radius); box-shadow:var(--px-shadow); backdrop-filter:blur(18px); position:relative; overflow:hidden; }
.hero { padding:7rem 0 5rem; }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at center, rgba(139,92,246,.12), transparent 34%); }
.hero__grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:2rem; align-items:center; }
.hero__panel { padding:2.5rem; }
.hero__actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:1.5rem; }
.hero__kpis, .services-grid, .portfolio-grid, .builder-grid, .metrics-grid, .proof-grid, .case-study-grid { display:grid; gap:1.25rem; grid-template-columns:repeat(3, minmax(0,1fr)); }
.hero__orb { aspect-ratio:1/1; min-height:390px; border-radius:30px; position:relative; overflow:hidden; background:radial-gradient(circle at 30% 30%, rgba(244,114,182,.85), transparent 22%), radial-gradient(circle at 70% 30%, rgba(34,211,238,.82), transparent 18%), radial-gradient(circle at 50% 68%, rgba(139,92,246,.94), transparent 28%), linear-gradient(145deg, rgba(17,24,39,.98), rgba(7,10,18,.94)); border:1px solid rgba(255,255,255,.09); box-shadow:var(--px-shadow); }
.hero__orb::before, .hero__orb::after { content:""; position:absolute; inset:10%; border:1px solid rgba(255,255,255,.10); border-radius:50%; }
.hero__orb::after { inset:24%; border-color:rgba(255,255,255,.07); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:2rem; }
.section-heading p { max-width:700px; margin-bottom:0; }
.service-card, .portfolio-card, .builder-card, .metric-card, .proof-card, .case-study-card { padding:1.35rem; border-radius:22px; background:rgba(255,255,255,.03); border:1px solid var(--px-line); transition:.3s ease; }
.service-card:hover, .portfolio-card:hover, .builder-card:hover, .metric-card:hover, .proof-card:hover, .case-study-card:hover { transform:translateY(-6px); border-color:rgba(139,92,246,.34); }
.portfolio-thumb { aspect-ratio:16/10; overflow:hidden; border-radius:18px; background:linear-gradient(135deg, rgba(139,92,246,.18), rgba(34,211,238,.16)); margin-bottom:1rem; }
.portfolio-meta { display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:.75rem; }
.portfolio-badge { display:inline-flex; align-items:center; padding:.35rem .65rem; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid var(--px-line); font-size:.78rem; }
.portfolio-toolbar { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; margin-bottom:1.25rem; }
.portfolio-filters { display:flex; flex-wrap:wrap; gap:.65rem; }
.filter-chip { padding:.72rem 1rem; border-radius:999px; border:1px solid var(--px-line); background:rgba(255,255,255,.04); color:#fff; font-weight:600; }
.filter-chip.is-active, .filter-chip:hover { background:rgba(139,92,246,.18); border-color:rgba(139,92,246,.36); }
.portfolio-results-status { color:var(--px-muted); }
.site-footer { padding:2rem 0 3rem; border-top:1px solid var(--px-line); background:rgba(4,7,15,.55); }
.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path: inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute !important; width:1px; }
@media (max-width:1024px) { .hero__grid, .hero__kpis, .services-grid, .portfolio-grid, .builder-grid, .metrics-grid, .proof-grid, .case-study-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:782px) { .menu { flex-wrap:wrap; justify-content:flex-end; } .hero__grid, .hero__kpis, .services-grid, .portfolio-grid, .builder-grid, .metrics-grid, .proof-grid, .case-study-grid { grid-template-columns:1fr; } .section-heading { flex-direction:column; align-items:start; } }