/*
Theme Name: MetaKart Studio
Theme URI: https://metakart.me
Author: MetaKart
Description: Custom MetaKart digital agency website for Heroxhost WordPress hosting.
Version: 1.2.4
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: metakart
*/
:root{--background:#f2f0ea;--foreground:#171715;--card:#fff;--card-foreground:#171715;--popover:#fff;--popover-foreground:#171715;--primary:#171715;--primary-foreground:#fff;--secondary:#e6e3da;--secondary-foreground:#171715;--muted:#e6e3da;--muted-foreground:#5f5d57;--accent:#f3ce49;--accent-foreground:#171715;--destructive:#a50c10;--border:#c9c6bc;--input:#c9c6bc;--ring:#9b7513;--radius:.25rem;--ink:#171715;--cream:#f2f0ea;--yellow:#f6d654;--red:#a20b10}
@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c4131c;outline-offset:3px}.wrap{width:min(100% - 96px,1480px);margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(242,240,234,.96);backdrop-filter:blur(16px);border-bottom:1px solid #d7d3c8}.header-inner{width:min(100% - 96px,1480px);margin:auto;display:flex;align-items:center;gap:32px;height:88px}.brand{display:block;width:146px;height:61px;overflow:hidden;flex-shrink:0}.brand img{display:block;width:146px;height:61px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.desktop-nav{display:flex;gap:clamp(14px,2vw,32px);align-items:center;margin-left:auto}.desktop-nav a{font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;transition:color .2s}.desktop-nav a:hover{color:var(--red)}.header-cta{display:flex;align-items:center;gap:18px;background:var(--ink);color:white;padding:13px 18px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.header-cta:hover{background:var(--red)}.menu-toggle{display:none;border:0;background:transparent}.mobile-nav{display:none}.hero{height:min(850px,calc(100svh - 88px));min-height:640px;background:#111;position:relative;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('assets/hero-sculpture.webp');background-size:cover;background-position:center center;animation:hero-drift 18s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.72) 0%,rgba(10,10,10,.34) 52%,transparent 85%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 34%)}.hero-content{position:relative;z-index:1;padding-top:clamp(100px,15vh,170px)}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero-eyebrow{color:var(--yellow);display:flex;align-items:center;gap:16px;animation:rise .8s both}.eyebrow-line{width:30px;height:1px;background:currentColor}.hero h1{font-size:clamp(3.2rem,6.8vw,7.4rem);line-height:.97;letter-spacing:-.065em;max-width:1100px;margin:28px 0 25px;font-weight:800;animation:rise 1s .12s both}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{max-width:600px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.5;color:#e4e3df;animation:rise 1s .24s both}.hero-actions{display:flex;align-items:center;gap:40px;margin-top:38px;animation:rise 1s .36s both}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 22px;min-height:58px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:13px;transition:transform .22s,background .22s}.button:hover{transform:translateY(-3px)}.button svg,.text-link svg,.round-arrow svg{transition:transform .2s}.button:hover svg,.text-link:hover svg,.service-row:hover .round-arrow svg{transform:translate(3px,-3px)}.button.yellow{background:var(--yellow);color:#151515}.button.yellow:hover{background:#ffe678}.button.dark{background:#151515;color:white}.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.text-link.light{color:white}.text-link:hover{color:var(--red)}.scroll-cue{position:absolute;top:min(650px,calc(100svh - 200px));left:0;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.19em;font-weight:700}.hero-index{position:absolute;right:48px;bottom:42px;font-size:12px;letter-spacing:.19em;color:#ddd}.discipline-strip{border-bottom:1px solid #d0ccc1;background:var(--yellow);overflow:hidden}.discipline-strip .wrap{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.12em;min-height:72px}.discipline-strip b{font-size:23px}.section{padding:clamp(85px,10vw,150px) 0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.kicker{display:inline-block;color:var(--red);margin-bottom:28px}.intro h2,.section h2,.statement h2,.final-cta h2,.inner-hero h1{font-size:clamp(3rem,5.5vw,6rem);line-height:1.03;letter-spacing:-.065em;font-weight:800;margin-bottom:0}.intro h2 span,.section h2 span{color:#89867d}.intro-copy{padding-top:66px}.intro-copy p{font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.45;margin-bottom:22px}.intro-copy .text-link{margin-top:15px}.services-section{background:#e8e6df}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}.section-head>.text-link{margin-bottom:10px;flex-shrink:0}.section-head>p{max-width:410px;font-size:19px}.service-list{border-top:1px solid #b6b3aa}.service-row{display:grid;grid-template-columns:100px 1fr 58px;align-items:center;gap:22px;padding:24px 0;border-bottom:1px solid #b6b3aa;transition:padding .25s,background .25s}.service-row:hover{padding-left:18px;padding-right:18px;background:#f4f1e9}.row-num{align-self:start;padding-top:11px;color:var(--red);font-size:13px;font-weight:800;letter-spacing:.14em}.service-row h3{font-size:clamp(1.6rem,2.65vw,2.8rem);letter-spacing:-.045em;line-height:1.1;margin:0}.service-row p{color:#5b5954;margin:8px 0 0;font-size:15px}.round-arrow{width:48px;height:48px;border:1px solid #292824;display:grid;place-items:center;border-radius:50%}.statement{background:#1b1b19;color:white;padding:120px 0;overflow:hidden}.statement-grid{display:grid;grid-template-columns:.65fr 1fr;gap:8vw;align-items:center}.statement-mark{border:1px solid #5e5c55;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(5rem,11vw,12rem);letter-spacing:-.16em;transform:rotate(-12deg);position:relative}.statement-mark span{position:absolute;font-size:clamp(2rem,5vw,5rem);top:6%;right:12%;color:var(--yellow)}.statement h2{margin-bottom:24px}.statement h2 em,.final-cta em{font-style:normal;color:var(--yellow)}.statement p{max-width:600px;color:#c7c5bf;font-size:19px;margin-bottom:35px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbb8af;border-left:1px solid #bbb8af}.process-step{min-height:240px;border-right:1px solid #bbb8af;border-bottom:1px solid #bbb8af;padding:30px;transition:background .25s}.process-step:hover{background:var(--yellow)}.process-step span{font-size:12px;font-weight:800;color:var(--red);letter-spacing:.1em}.process-step h3{font-size:clamp(1.7rem,2.6vw,2.7rem);letter-spacing:-.05em;margin:45px 0 8px}.process-step p{max-width:290px;color:#57564f;margin:0}.selected{background:#e8e6df}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{min-height:420px;background:#262522;color:white;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.project-card:before{content:'01';position:absolute;top:-100px;right:-10px;font-size:400px;line-height:1;color:#3b3934;font-weight:900}.project-card.second{background:#9d1517}.project-card.second:before{content:'02';color:#b12a2b}.project-card>*{position:relative}.project-card span{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--yellow);margin-bottom:auto}.project-card strong{font-size:clamp(1.7rem,3vw,3rem);line-height:1.1;letter-spacing:-.05em}.project-card p{margin:10px 0 0;color:#ded9d4}.final-cta{background:var(--yellow);padding:110px 0}.final-cta .kicker{color:var(--ink)}.final-cta h2{margin-bottom:36px}.final-cta em{color:#a20b10}.footer{background:#111110;color:#eeece6;padding-top:75px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px;padding-bottom:85px}.footer-wordmark{font-size:32px;font-weight:900;letter-spacing:-.075em}.footer-wordmark span{color:var(--yellow)}.footer-wordmark i{color:var(--red);font-style:normal}.footer p{max-width:300px;color:#aca9a0;margin-top:20px}.footer h3{text-transform:uppercase;font-size:13px;letter-spacing:.14em;color:var(--yellow);margin-bottom:20px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:14px}.footer a:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #383733;padding:24px 0;font-size:13px;color:#aaa8a2}.footer-bottom span:last-child{display:flex;gap:24px}.chat-toggle{position:fixed;z-index:60;bottom:22px;right:22px;display:flex;gap:10px;align-items:center;border:1px solid #eee;background:var(--ink);color:white;padding:12px 17px;border-radius:50px;box-shadow:0 8px 30px #0004;font-size:13px;font-weight:700}.chat-toggle:hover{background:var(--red)}.chat-panel{position:fixed;z-index:59;right:22px;bottom:82px;width:min(390px,calc(100vw - 32px));height:min(560px,calc(100svh - 115px));background:#f7f6f2;color:var(--ink);box-shadow:0 15px 70px #0005;display:flex;flex-direction:column;border:1px solid #b5b0a7;animation:rise .25s both}.chat-head{padding:18px;background:var(--ink);color:white}.chat-head strong,.chat-head small{display:block}.chat-head small{font-size:12px;color:#c7c5bf}.chat-messages{overflow:auto;flex:1;padding:16px;display:flex;flex-direction:column;gap:9px}.chat-messages p{margin:0;padding:10px 13px;max-width:90%;font-size:14px;line-height:1.4}.chat-messages .guide{background:#e4e1da;align-self:start}.chat-messages .you{background:var(--yellow);align-self:end}.chat-suggestions{padding:8px 15px;display:flex;gap:6px;overflow-x:auto}.chat-suggestions button{white-space:nowrap;border:1px solid #aaa;background:transparent;padding:5px 8px;font-size:12px}.chat-entry{display:flex;border-top:1px solid #cbc6bc}.chat-entry input{border:0;background:transparent;flex:1;min-width:0;padding:13px}.chat-entry button{border:0;background:var(--yellow);width:50px}.inner-hero{padding:110px 0 95px;background:#1b1b19;color:#f7f5ef}.inner-hero h1{max-width:1100px}.inner-hero p{max-width:690px;font-size:clamp(1.1rem,1.7vw,1.35rem);color:#c7c5bd;margin:28px 0 0}.inner-hero .kicker{color:var(--yellow)}.inner-hero .button{margin-top:32px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.content-grid p{font-size:clamp(1.15rem,1.8vw,1.5rem)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{border-top:2px solid var(--red);background:#e7e4db;padding:25px;min-height:190px}.feature span{font-size:12px;font-weight:800;color:var(--red)}.feature h3{font-size:23px;line-height:1.15;letter-spacing:-.04em;margin:35px 0 0}.page-section{padding:85px 0}.page-section h2{font-size:clamp(2.3rem,4vw,4.4rem);letter-spacing:-.06em;line-height:1.06}.form-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.form-card{background:white;border:1px solid #d0ccc0;padding:38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid #bdb8ad;background:#faf9f6;padding:12px 14px;border-radius:0;color:#1d1c19;min-width:0;font-size:16px;font-weight:400;letter-spacing:0;text-transform:none}.field textarea{min-height:150px;resize:vertical}.form-card .button{border:0;margin-top:25px}.form-status{margin:20px 0 0;font-size:15px}.form-status.error{color:#9f1118}.form-status.success{color:#205b3c}.content-prose{max-width:880px}.content-prose h2{font-size:30px;letter-spacing:-.04em;margin:40px 0 12px}.content-prose p,.content-prose li{font-size:17px;line-height:1.7}.content-prose ul{padding-left:23px}.contact-details a{display:block;font-size:clamp(1.2rem,2vw,2rem);font-weight:700;margin-bottom:15px}.contact-details span{display:block}.article-placeholder{border-top:1px solid #b9b5aa;padding:35px 0}.article-placeholder h3{font-size:27px;margin:0 0 8px}.article-placeholder p{margin:0}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.filter-row button{border:1px solid #8f8c83;background:transparent;padding:7px 12px;font-size:13px}.filter-row button.active{background:#1b1b19;color:white}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}.header-inner{width:min(100% - 48px,1480px)}.wrap{width:min(100% - 48px,1480px)}}
@media(max-width:800px){.header-inner{height:72px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{display:flex;flex-direction:column;padding:20px 24px 30px;gap:16px;background:var(--cream);position:absolute;top:72px;left:0;right:0;box-shadow:0 14px 25px #0002}.mobile-nav a{font-size:22px;font-weight:800}.brand{width:132px;height:55px}.brand img{width:132px;height:55px}.hero{height:auto;min-height:690px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(10,10,10,.82),rgba(10,10,10,.43)),linear-gradient(0deg,#1118,transparent)}.hero-content{padding-top:110px;padding-bottom:135px}.hero h1{font-size:clamp(3.2rem,9vw,5.5rem)}.hero-index{right:24px;bottom:24px}.scroll-cue{top:auto;bottom:32px}.discipline-strip .wrap{width:100%;justify-content:center;gap:20px;font-size:10px;min-height:58px}.discipline-strip .wrap{overflow:hidden}.intro-grid,.content-grid,.statement-grid,.form-section{grid-template-columns:1fr}.intro-copy{padding-top:0}.statement-mark{width:min(300px,80vw);margin:auto}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start}.section-head>p{max-width:300px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap,.header-inner{width:calc(100% - 36px)}.hero{min-height:690px}.hero-content{padding-top:105px}.hero h1{font-size:clamp(3.15rem,12vw,4.4rem);letter-spacing:-.065em}.hero p{font-size:17px}.hero-actions{gap:22px;align-items:flex-start;flex-direction:column}.discipline-strip .wrap{justify-content:flex-start;padding-left:18px;min-width:650px}.section,.page-section{padding:75px 0}.intro h2,.section h2,.statement h2,.final-cta h2,.inner-hero h1{font-size:clamp(2.9rem,10.3vw,4.3rem)}.section-head{display:block;margin-bottom:35px}.section-head>.text-link{margin-top:25px}.service-row{grid-template-columns:38px 1fr 38px;gap:10px;padding:24px 0}.row-num{padding-top:4px}.service-row h3{font-size:25px}.service-row p{font-size:14px}.round-arrow{width:36px;height:36px}.statement{padding:75px 0}.process-grid,.project-grid,.feature-grid,.form-grid{grid-template-columns:1fr}.process-step{min-height:190px}.process-step h3{margin-top:30px}.project-card{min-height:340px}.final-cta{padding:80px 0}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px;padding-bottom:65px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.inner-hero{padding:80px 0 75px}.form-card{padding:22px}.chat-toggle span{display:none}.chat-toggle{border-radius:50%;width:52px;height:52px;justify-content:center}.chat-panel{right:16px;bottom:82px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.admin-controls{display:flex;gap:20px;margin:30px 0}.admin-controls label{display:flex;align-items:center;gap:10px}.admin-controls select,.admin-table select{padding:8px;border:1px solid #aaa;background:white}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:700px}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid #ccc}.admin-table th{background:#e5e2d9}.admin-table button{background:#171715;color:white;border:0;padding:8px 12px}.detail-backdrop{position:fixed;inset:0;z-index:80;background:#0009;display:flex;justify-content:flex-end}.detail-panel{height:100%;width:min(480px,100%);background:var(--cream);padding:32px;overflow:auto}.detail-panel h2{font-size:32px}.detail-panel p{border-bottom:1px solid #ccc;padding-bottom:12px;overflow-wrap:anywhere}.close-detail{float:right;padding:7px;background:transparent;border:1px solid #777}

body.admin-bar .header{top:32px} @media(max-width:782px){body.admin-bar .header{top:46px}} .form-status.success{color:#205b3c}.form-status.error{color:#9f1118}.site-notice{padding:14px;border:1px solid #c9c6bc;margin-top:24px}.wp-block-image img{max-width:100%;height:auto}
[hidden]{display:none!important}.chat-toggle{font-weight:800}.form-card button{min-width:225px}.form-status-result:empty{display:none}.mobile-nav[hidden]{display:none}.inner-hero .button{min-width:230px}

.reveal{opacity:1;transform:none}html.js .reveal:not(.visible){opacity:0;transform:translateY(28px)}@media(prefers-reduced-motion:reduce){html.js .reveal:not(.visible){opacity:1;transform:none}}
/* Keep service copy readable even when legacy plugin styles are present. */
.services-section .service-row,.services-section .service-row h3,.page-section .feature,.page-section .feature h3{color:#171715!important}
.services-section .service-row p,.page-section .feature p{color:#5b5954!important}
html.js .service-row.reveal:not(.visible){opacity:1;transform:none}
#attendant-launcher{right:24px!important;bottom:96px!important}
@media(max-width:600px){.hero{min-height:650px}.hero-content{padding-top:78px;padding-bottom:104px}.hero h1{font-size:42px;line-height:1.03;letter-spacing:-.055em}.hero p{font-size:16px}.hero-index{display:none}#attendant-launcher{right:24px!important;bottom:92px!important}}
#attendant-input::placeholder{color:#595d61!important;opacity:1}
@media(max-width:800px){.menu-toggle{min-width:48px;min-height:48px;display:grid;place-items:center}.scroll-cue{display:none}.mobile-nav a{min-height:44px;display:flex;align-items:center}}

@media(max-width:800px){.desktop-nav{display:none!important}}

/* Keep the layout stable during page changes. */
.header{background:#f2f0ea;backdrop-filter:none}
.hero-image,.hero-eyebrow,.hero h1,.hero p,.hero-actions{animation:none}
html.js .reveal:not(.visible){opacity:1;transform:none}
html{scroll-behavior:auto}

/* Make service cards visibly interactive without delaying navigation. */
.page-section .feature{transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.page-section .feature:hover,.page-section .feature:focus-visible{background:var(--yellow)!important;box-shadow:0 14px 30px rgba(23,23,21,.14);transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.page-section .feature{transition:none}.page-section .feature:hover,.page-section .feature:focus-visible{transform:none}}

/* Keep the three-line home heading and its controls inside the hero. */
@media(min-width:801px){.hero{height:auto;min-height:min(850px,calc(100svh - 88px))}.hero-content{padding-top:clamp(85px,10vh,120px);padding-bottom:140px}.hero h1{font-size:clamp(3.2rem,5.2vw,6rem);max-width:1000px}.scroll-cue{top:auto;bottom:32px}}
/* The Attendant plugin supplies an icon-only button. Give it a visible label. */
#attendant-launcher{width:124px!important;min-width:124px!important;height:56px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 15px!important;color:#fff!important;font-weight:800!important;white-space:nowrap!important}
#attendant-launcher::after{content:"Ask Me"!important;display:inline-block!important;color:#fff!important;font:800 15px/1 Arial,Helvetica,sans-serif!important}
#attendant-launcher svg{display:block!important;width:20px!important;height:20px!important;flex:none!important;stroke:#fff!important}
@media(max-width:600px){#attendant-launcher{width:110px!important;min-width:110px!important;height:50px!important;bottom:90px!important;padding:0 11px!important}#attendant-launcher::after{font-size:14px!important}}
/* Avoid a compositing flash as the header logo loads on each document. */
.brand{background:#fff}.brand img{mix-blend-mode:normal}