/* Hero01 visual adaptation, Copyright(c)2026 Shadcn Space(MIT).
   License: /assets/licenses/ShadcnSpace-MIT.txt */
@font-face{font-family:'Khaph Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/instrument-serif-latin-italic.woff2') format('woff2')}
.hero.khaph-agency-hero{position:relative;isolation:isolate;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;height:auto!important;min-height:max(900px,100svh)!important;padding:160px var(--pad) 100px!important;overflow:hidden;background:#080808!important}
.hero.khaph-agency-hero>.hero-image,.hero.khaph-agency-hero>.hero-shade,.hero.khaph-agency-hero>.international-rail{display:none!important}
.hero.khaph-agency-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse 52% 60% at 83% 43%,rgba(182,79,28,.17),transparent 83%),radial-gradient(ellipse 50% 60% at 11% 36%,rgba(102,122,143,.13),transparent 81%),linear-gradient(180deg,#080808,rgba(8,8,8,.5) 44%,#080808);pointer-events:none}
.hero.khaph-agency-hero:after{content:none}
.khaph-agency-canvas{position:absolute;z-index:-1;inset:0;width:100%;height:100%;opacity:.7;pointer-events:none}
.hero.khaph-agency-hero .hero-copy{position:relative;z-index:1;flex:0 0 auto!important;width:100%!important;max-width:1080px!important;margin:0!important;padding:0!important;opacity:1!important;filter:none!important;transform:none!important;animation:none!important;text-align:center!important}
.hero.khaph-agency-hero .hero-copy>.eyebrow{display:flex;justify-content:center;max-width:100%;margin:0 0 26px!important;font-size:9px;line-height:1.7;letter-spacing:.16em;color:#b9afa4}
.hero.khaph-agency-hero .hero-copy h1{max-width:1080px!important;margin:0 0 26px!important;font-size:clamp(70px,6.8vw,100px)!important;line-height:1.03!important;letter-spacing:-.065em!important;font-weight:600;text-transform:none!important;text-wrap:initial!important;overflow-wrap:normal;word-break:normal;color:#f3eee8;text-align:center!important}
.hero.khaph-agency-hero .hero-copy h1 em{display:inline-block;font-family:'Khaph Instrument Serif',Georgia,serif!important;font-size:1.22em;font-weight:400!important;font-style:italic!important;line-height:.98;letter-spacing:-.035em!important;color:#f17a35}
.hero.khaph-agency-hero .hero-text{max-width:640px!important;margin:0 auto 30px!important;font-size:15px!important;line-height:1.85!important;color:#b4aba2!important;text-align:center!important}
.hero.khaph-agency-hero .hero-actions{display:flex!important;align-items:center;justify-content:center;flex-direction:row!important;flex-wrap:wrap;gap:14px 24px;margin:0!important}
.hero.khaph-agency-hero .hero-actions .button{min-height:54px;padding:7px 7px 7px 25px;border-radius:999px;font-size:10px;line-height:1.5;font-weight:750;text-transform:none;letter-spacing:.015em;color:#100b08;background:#f17a35;white-space:nowrap}
.hero.khaph-agency-hero .hero-actions .button span{display:grid;place-items:center;width:40px;height:40px;margin-inline-start:20px;margin-inline-end:0;border-radius:50%;color:#fff;background:#111;font-size:14px}
.hero.khaph-agency-hero .hero-actions .text-link{display:inline-flex;align-items:center;min-height:48px;padding:12px 4px;font-size:11px;color:#d4cbc1;white-space:nowrap;border-color:rgba(255,255,255,.28)}
.khaph-agency-proof{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px;padding:4px;border-radius:8px}
.khaph-agency-avatar{display:block;flex:none;width:46px;height:46px;object-fit:cover;object-position:center 30%;border-radius:50%;border:2px solid rgba(241,122,53,.4)}
.khaph-agency-identity{display:flex;flex-direction:column;gap:5px;text-align:start}
.khaph-agency-identity strong{font-size:11px;font-weight:650;color:#e4dcd3}
.khaph-agency-identity>span{font-size:10px;line-height:1.5;color:#938a81}
.khaph-agency-proof:focus-visible,.khaph-agency-brand:focus-visible,.khaph-agency-all:focus-visible,.khaph-agency-brands-toggle:focus-visible,.khaph-agency-nav a:focus-visible{outline:2px solid #f17a35;outline-offset:5px}
.khaph-agency-clients{position:relative;z-index:1;width:100%;max-width:1130px;margin-top:48px}
.khaph-agency-clients-title{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 22px;color:#9b9288;font-size:10px;line-height:1.6;letter-spacing:.025em;text-align:center}
.khaph-agency-clients-title:before,.khaph-agency-clients-title:after{content:'';display:block;width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(204,186,166,.3))}
.khaph-agency-clients-title:after{transform:rotate(180deg)}
.khaph-agency-brand-window{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);direction:ltr}
.khaph-agency-brand-track{display:flex;width:max-content;animation:khaph-agency-marquee 28s linear infinite;animation-play-state:paused}
.khaph-agency-clients[data-playing="true"] .khaph-agency-brand-track{animation-play-state:running}
.khaph-agency-brand-group{display:flex;align-items:center;gap:64px;flex:none;margin:0;padding:0 64px 0 0;list-style:none}
.khaph-agency-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:146px;height:84px;padding:2px 5px}
.khaph-agency-brand img{width:100%;height:58px;max-width:100%;object-fit:contain;opacity:.95;transition:opacity .2s}
.khaph-agency-brand img[src$="36-ateneo.png"]{filter:brightness(0) invert(1)}
.khaph-agency-brand-name{font:500 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.015em;color:#a59a8f;white-space:nowrap}
.khaph-agency-brand:hover img,.khaph-agency-brand:focus-visible img{opacity:1}
.khaph-agency-brand-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px}
.khaph-agency-all{font-size:9px;line-height:1.5;color:#aea297;border-bottom:1px solid rgba(255,255,255,.2);padding:8px 0}
.khaph-agency-brands-toggle{min-height:36px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background:rgba(8,8,8,.3);color:#91877c;font:500 8px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.khaph-agency-brands-toggle[hidden]{display:none}
.khaph-agency-clients[data-reduced="true"] .khaph-agency-brand-window{overflow:visible;mask-image:none;-webkit-mask-image:none}
.khaph-agency-clients[data-reduced="true"] .khaph-agency-brand-track{width:100%;display:block;animation:none}
.khaph-agency-clients[data-reduced="true"] .khaph-agency-brand-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0}
.khaph-agency-clients[data-reduced="true"] .khaph-agency-brand-group[aria-hidden]{display:none}
.khaph-agency-clients[data-reduced="true"] .khaph-agency-brand{width:100%}
.hero.khaph-agency-hero .hero-foot{position:absolute!important;z-index:1;bottom:26px!important;left:var(--pad)!important;right:var(--pad)!important;display:flex;justify-content:space-between;gap:14px;color:#6e665e;font-size:8px!important;line-height:1.6;letter-spacing:.08em}
.khaph-agency-ready .site-header{position:fixed!important;inset:0 0 auto!important;height:94px;padding-inline:max(var(--pad),calc((100vw - 1210px)/2))!important;border:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;animation:none!important}
.khaph-agency-ready .site-header:before{content:'';position:absolute;z-index:0;inset:13px max(20px,calc((100vw - 1250px)/2));border:1px solid transparent;border-radius:999px;background:rgba(8,8,8,.28);transition:background .3s,border-color .3s,box-shadow .3s;pointer-events:none}
.khaph-agency-ready .site-header[data-agency-scrolled="true"]:before{background:rgba(13,12,11,.88);border-color:rgba(255,255,255,.13);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,0,.25)}
.khaph-agency-ready .site-header .brand img{width:142px}
.khaph-agency-nav{position:absolute;z-index:2;left:50%;top:27px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:rgba(255,255,255,.035)}
.khaph-agency-nav a{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 16px;border-radius:99px;color:#bfb4a8;font:600 10px/1.5 Manrope,Arial,sans-serif;white-space:nowrap}
.khaph-agency-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.khaph-agency-ready.menu-open .khaph-agency-nav{visibility:hidden}
html[lang^="en"] .hero.khaph-agency-hero .hero-copy h1{max-width:1070px!important;font-size:clamp(58px,5.2vw,80px)!important;line-height:1.07!important}
html[dir="rtl"] .hero.khaph-agency-hero .hero-copy h1{font-size:clamp(64px,6vw,90px)!important;line-height:1.25!important;letter-spacing:0!important}
html[dir="rtl"] .hero.khaph-agency-hero .hero-copy h1 em{font-family:'Noto Sans Arabic',Arial,sans-serif!important;font-style:normal!important;font-size:1em!important;line-height:1.3;letter-spacing:0!important}
@keyframes khaph-agency-marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){.khaph-agency-nav{display:none}.hero.khaph-agency-hero{padding-top:155px!important}.hero.khaph-agency-hero .hero-copy h1{font-size:76px!important}.hero.khaph-agency-hero .hero-text{font-size:14px!important}.khaph-agency-clients{margin-top:38px}}
@media(max-width:900px){.khaph-agency-ready .site-header{height:78px}.khaph-agency-ready .site-header:before{inset:8px 12px}.khaph-agency-ready .site-header .brand img{width:128px}.hero.khaph-agency-hero{min-height:max(840px,100svh)!important;padding:130px var(--pad) 100px!important}.hero.khaph-agency-hero .hero-copy h1{font-size:66px!important}.khaph-agency-clients-title:before,.khaph-agency-clients-title:after{width:50px}.khaph-agency-brand-group{gap:40px;padding-right:40px}.khaph-agency-brand{width:132px;height:54px}html[lang^="en"] .hero.khaph-agency-hero .hero-copy h1{font-size:56px!important}}
@media(max-width:560px){.hero.khaph-agency-hero{padding:125px var(--pad) 100px!important;min-height:max(820px,100svh)!important}.hero.khaph-agency-hero .hero-copy>.eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:25px!important}.hero.khaph-agency-hero .hero-copy h1{font-size:clamp(38px,11vw,58px)!important;line-height:1.06!important;margin-bottom:24px!important}.hero.khaph-agency-hero .hero-copy h1 em{font-size:1.38em;line-height:1.06;letter-spacing:-.035em!important}.hero.khaph-agency-hero .hero-text{font-size:12px!important;line-height:1.85!important;margin-bottom:25px!important}.hero.khaph-agency-hero .hero-actions{gap:10px 17px}.hero.khaph-agency-hero .hero-actions .button{font-size:9px;padding-left:18px;min-height:50px}.hero.khaph-agency-hero .hero-actions .button span{width:36px;height:36px;margin-inline-start:15px}.hero.khaph-agency-hero .hero-actions .text-link{font-size:9px;min-height:44px}.khaph-agency-proof{margin-top:23px;gap:10px}.khaph-agency-avatar{width:40px;height:40px}.khaph-agency-identity strong{font-size:10px}.khaph-agency-identity>span{font-size:8px}.khaph-agency-clients{width:calc(100% + 2*var(--pad));margin-top:38px}.khaph-agency-clients-title{gap:12px;font-size:8px;margin-bottom:18px;padding:0 24px}.khaph-agency-clients-title:before,.khaph-agency-clients-title:after{width:24px;flex:none}.khaph-agency-brand{width:126px;height:50px}.khaph-agency-brand-group{gap:30px;padding-right:30px}.khaph-agency-brand-actions{margin-top:13px}.hero.khaph-agency-hero .hero-foot{bottom:24px!important;flex-direction:column;gap:4px;font-size:7px!important}.hero.khaph-agency-hero .hero-foot span{display:block;max-width:100%}html[lang^="en"] .hero.khaph-agency-hero .hero-copy h1{font-size:clamp(35px,9.6vw,49px)!important;line-height:1.08!important}html[dir="rtl"] .hero.khaph-agency-hero .hero-copy h1{font-size:clamp(35px,10vw,49px)!important;line-height:1.24!important}.khaph-agency-clients[data-reduced="true"]{width:100%}.khaph-agency-clients[data-reduced="true"] .khaph-agency-brand-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(prefers-reduced-motion:reduce){.khaph-agency-brand img,.khaph-agency-ready .site-header:before{transition:none}}
@media(max-width:900px){.khaph-agency-brand{height:84px}}
@media(max-width:560px){.hero.khaph-agency-hero{justify-content:flex-start!important}.khaph-agency-brand{height:82px}.khaph-agency-brand img{height:56px}.khaph-agency-brand-name{font-size:9px}}