/*
Theme Name: Kalibratex Visuals
Theme URI: https://kalibratexvisuals.com/
Author: Kalibratex Visuals
Description: A bold, editorial and experimental creative-agency WordPress theme for Kalibratex Visuals.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: kalibratex-visuals
*/
:root{--bg:#090909;--panel:#121012;--panel2:#1b171a;--ink:#f4f0f2;--muted:#aaa2a7;--line:rgba(255,255,255,.14);--pink:#c00055;--pink2:#ef176f;--max:1320px;--pad:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}.site-header{position:absolute;z-index:30;top:0;left:0;width:100%;border-bottom:1px solid var(--line)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:190px}.brand img{width:170px;max-height:70px;object-fit:contain}.brand-name{font-weight:900;letter-spacing:-.06em;font-size:20px}.brand-name span{color:var(--pink2)}.main-nav ul{display:flex;gap:clamp(16px,2.7vw,38px);align-items:center;list-style:none;margin:0;padding:0}.main-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#d5cfd2;transition:color .2s}.main-nav a:hover{color:var(--pink2)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;padding:10px 13px}.hero{min-height:850px;min-height:min(940px,100svh);display:flex;align-items:center;position:relative;overflow:hidden;padding:150px 0 90px;background:radial-gradient(ellipse at 78% 50%,rgba(192,0,85,.18),transparent 34%),linear-gradient(135deg,#090909 0%,#100c0f 60%,#090909 100%)}.hero:after{content:"";position:absolute;width:48vw;height:48vw;max-width:680px;max-height:680px;right:3%;top:19%;border:1px solid rgba(192,0,85,.34);border-radius:50%;box-shadow:0 0 0 45px rgba(192,0,85,.025),0 0 0 100px rgba(192,0,85,.018);transform:rotate(-22deg)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px}.eyebrow,.micro{font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:#d77b9f}.eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--pink2);vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(58px,9.5vw,142px);line-height:.84;letter-spacing:-.085em;text-transform:uppercase;margin:30px 0 28px;font-weight:900;max-width:900px}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px #f4f0f2}.hero h1 .accent{color:var(--pink2)}.hero-copy{max-width:420px;color:#b9b1b6;font-size:15px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--pink);color:white;padding:16px 22px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;border:1px solid var(--pink);transition:transform .25s,background .25s}.btn:hover{transform:translateY(-4px);background:var(--pink2)}.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--pink);padding-bottom:7px}.hero-art{position:relative;z-index:1;min-height:430px;display:grid;place-items:center}.orb{width:min(34vw,390px);aspect-ratio:1;border-radius:46% 54% 61% 39% / 41% 38% 62% 59%;background:radial-gradient(circle at 32% 25%,#ff5c9c 0,#c00055 22%,#5d002b 48%,#160b11 72%);filter:drop-shadow(0 35px 55px rgba(192,0,85,.22));transform:rotate(-24deg);animation:float 7s ease-in-out infinite}.orb:after{content:"K";position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(120px,20vw,270px);font-weight:900;letter-spacing:-.12em;color:rgba(255,255,255,.14);text-shadow:0 2px 22px rgba(255,255,255,.16)}.art-label{position:absolute;right:0;bottom:20px;border:1px solid var(--line);background:rgba(9,9,9,.75);padding:16px 20px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d7cbd1;transform:rotate(-5deg)}@keyframes float{0%,100%{transform:translateY(0) rotate(-24deg)}50%{transform:translateY(-18px) rotate(-17deg)}}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#100d0f}.ticker-track{display:flex;white-space:nowrap;gap:35px;padding:17px 0;animation:ticker 28s linear infinite;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d5cbd0}.ticker b{color:var(--pink2)}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:clamp(85px,12vw,160px) 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:55px}.section h2{font-size:clamp(42px,7vw,92px);line-height:.92;letter-spacing:-.075em;text-transform:uppercase;margin:14px 0 0}.section h2 em{font-style:normal;color:var(--pink2)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.intro-copy{font-size:clamp(19px,2.1vw,27px);line-height:1.35;max-width:650px;color:#ddd5da}.intro-copy strong{color:var(--pink2)}.muted{color:var(--muted)}.services{background:#100d0f}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1fr 40px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.service-row:hover{padding-inline:15px;color:var(--pink2)}.service-no{font-size:11px;color:#8d8188}.service-row h3{font-size:clamp(23px,3.3vw,43px);letter-spacing:-.05em;margin:0;text-transform:uppercase}.service-arrow{font-size:25px;color:var(--pink2)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.work-card{position:relative;min-height:360px;background:linear-gradient(135deg,#21151c,#090909);border:1px solid var(--line);overflow:hidden;display:flex;align-items:end;padding:28px;isolation:isolate}.work-card:nth-child(2n){margin-top:80px}.work-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 35%,rgba(192,0,85,.48),transparent 38%);z-index:-1;transition:transform .5s}.work-card:hover:before{transform:scale(1.35)}.work-visual{position:absolute;inset:12% 12% 25%;border:1px solid rgba(255,255,255,.25);transform:rotate(-8deg);display:grid;place-items:center;color:rgba(255,255,255,.65);font-size:clamp(45px,8vw,100px);font-weight:900;letter-spacing:-.1em}.work-card:nth-child(2) .work-visual{transform:rotate(8deg);border-radius:50%}.work-card:nth-child(3) .work-visual{transform:rotate(0);clip-path:polygon(10% 0,100% 15%,85% 100%,0 75%)}.work-meta{position:relative;z-index:2}.work-meta small{color:#d78aaa;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.work-meta h3{font-size:27px;margin:5px 0 0;text-transform:uppercase;letter-spacing:-.05em}.process{background:#100d0f}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-item{padding:28px 22px 35px 0;border-right:1px solid var(--line);margin-right:22px}.process-item:last-child{border:0}.process-item span{font-size:11px;color:var(--pink2)}.process-item h3{font-size:22px;text-transform:uppercase;letter-spacing:-.04em;margin:35px 0 10px}.process-item p{font-size:13px;color:var(--muted);max-width:220px}.contact-band{background:var(--pink);color:white;padding:clamp(70px,10vw,130px) 0}.contact-band h2{font-size:clamp(48px,9vw,118px);line-height:.86;letter-spacing:-.08em;text-transform:uppercase;margin:18px 0 30px;max-width:1000px}.contact-band .btn{background:#090909;border-color:#090909}.site-footer{padding:55px 0 28px;background:#080808}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:45px}.footer-logo{font-size:clamp(30px,5vw,58px);font-weight:900;letter-spacing:-.08em}.footer-logo span{color:var(--pink2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;color:#8f858b;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.cursor-dot{position:fixed;z-index:100;pointer-events:none;width:10px;height:10px;border-radius:50%;background:var(--pink2);mix-blend-mode:screen;transform:translate(-50%,-50%);display:none}.admin-bar .site-header{top:32px}
@media (pointer:fine){.cursor-dot{display:block}}
@media(max-width:850px){.header-inner{min-height:76px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;width:100%;background:#100d0f;padding:24px var(--pad);border-bottom:1px solid var(--line)}.main-nav.is-open{display:block}.main-nav ul{align-items:flex-start;flex-direction:column;gap:20px}.hero{min-height:auto;padding:150px 0 75px}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:260px}.orb{width:min(58vw,300px)}.hero h1{font-size:clamp(56px,14vw,100px)}.section-head{display:block}.intro-grid{grid-template-columns:1fr;gap:25px}.process-grid{grid-template-columns:1fr 1fr}.process-item:nth-child(2){border-right:0}.work-card{min-height:280px}.work-card:nth-child(2n){margin-top:35px}}
@media(max-width:560px){.brand img{width:145px}.hero h1{font-size:clamp(48px,14vw,76px)}.hero-actions{align-items:flex-start;flex-direction:column}.work-grid{grid-template-columns:1fr}.work-card:nth-child(2n){margin-top:0}.process-grid{grid-template-columns:1fr}.process-item{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:22px 0}.process-item h3{margin:15px 0 5px}.footer-top,.footer-bottom{flex-direction:column}.service-row{grid-template-columns:35px 1fr 24px;gap:12px}.service-row h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
