body:not(.home-page){background:#080b10}.inner-hero,.title-hero,.projects-hero,.contact-hero,.dev-subhero{isolation:isolate;background-color:#0a0d12!important;background-image:radial-gradient(circle at 82% 30%,color-mix(in srgb,var(--page-accent,#4aa9ff) 13%,transparent),transparent 30%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;background-size:auto,64px 64px,64px 64px!important}
.inner-hero h1,.title-hero h1,.projects-hero h1,.contact-hero h1,.dev-subhero h1{position:relative}.inner-hero h1:after,.title-hero h1:after,.projects-hero h1:after,.contact-hero h1:after,.dev-subhero h1:after{content:"";display:block;width:92px;height:3px;margin-top:24px;background:linear-gradient(90deg,var(--page-accent,#4aa9ff),transparent)}
.inner-hero figure{border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 100px rgba(0,0,0,.28)}.inner-hero figure img{filter:saturate(.86) contrast(1.03);transition:transform .8s ease}.inner-hero figure:hover img{transform:scale(1.025)}
.inner-hero figure:before{content:"MR.SHKAF / PRO";position:absolute;z-index:3;right:14px;top:14px;padding:8px 10px;background:rgba(8,10,14,.68);backdrop-filter:blur(10px);font-size:8px;font-weight:800;letter-spacing:.16em;color:#fff}
.page-meta-strip{position:relative}.page-meta-strip:before{content:"";position:absolute;left:0;top:-1px;width:28%;height:1px;background:linear-gradient(90deg,var(--page-accent,#4aa9ff),transparent)}
.section.light,.dev-catalog,.dev-proof,.dev-preview{background:#f3f1ec!important}.section:not(.light),.dev-work,.dev-process-mini{background:#0d1015}.value-grid article,.process article,.dev-process-row article{position:relative;transition:background .25s,transform .25s}.value-grid article:before,.dev-process-row article:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--page-accent,#4aa9ff);transform:scaleX(0);transform-origin:left;transition:transform .3s}.value-grid article:hover:before,.dev-process-row article:hover:before{transform:scaleX(1)}
.value-grid article:hover{background:color-mix(in srgb,var(--page-accent,#4aa9ff) 5%,transparent)}.section.light .value-grid article:hover{background:#fff}.breadcrumb{display:inline-flex;align-items:center;gap:8px}.breadcrumb:before{content:"←";opacity:.5}.eyebrow{font-weight:700}
.cta{overflow:hidden}.cta:after{content:"";position:absolute;right:-10%;bottom:-70%;width:520px;height:520px;border:1px solid color-mix(in srgb,var(--page-accent,#4aa9ff) 22%,transparent);border-radius:50%;box-shadow:0 0 100px color-mix(in srgb,var(--page-accent,#4aa9ff) 8%,transparent);pointer-events:none}
footer{position:relative}footer:before{content:"";position:absolute;left:clamp(20px,4vw,68px);top:0;width:180px;height:1px;background:linear-gradient(90deg,var(--page-accent,#4aa9ff),transparent)}
@media(max-width:820px){.inner-hero figure:before{font-size:7px}.inner-hero h1:after,.title-hero h1:after,.projects-hero h1:after,.contact-hero h1:after,.dev-subhero h1:after{margin-top:18px}.cta:after{width:320px;height:320px}}
@media(prefers-reduced-motion:reduce){.inner-hero figure img,.value-grid article,.process article,.dev-process-row article{transition:none}}