/*
Theme Name: ALATTAR — Strategic Marketing Consultancy
Theme URI: https://alattar.me
Author: ALATTAR
Description: Full English/Arabic personal marketing consultancy site. Built-in pages, no page builder required.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: alattar-consultancy
*/
:root{--ink:#202725;--muted:#64736d;--paper:#f5f2eb;--white:#fff;--bronze:#a77d57;--border:#dfded8;--dark:#192320;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.ar{font-family:Tahoma,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{position:sticky;top:0;z-index:40;background:rgba(245,242,235,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(15px)}.nav{height:82px;display:flex;justify-content:space-between;align-items:center;gap:22px}.logo{font-size:23px;font-weight:800;letter-spacing:-1.4px}.logo span{color:var(--bronze)}.navlinks{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:650}.navlinks a:hover,.footlinks a:hover{color:var(--bronze)}.navright{display:flex;align-items:center;gap:12px}.lang{font-size:12px;font-weight:700;border:1px solid var(--border);padding:10px 12px;border-radius:2px}.btn{border:1px solid var(--dark);background:var(--dark);color:#fff;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:750;letter-spacing:.2px;transition:.2s}.btn:hover{background:var(--bronze);border-color:var(--bronze)}.btn.light{background:transparent;color:var(--ink);border-color:#bcbfba}.btn.light:hover{background:#fff}.btn.gold{background:var(--bronze);border-color:var(--bronze)}.btn.gold:hover{background:#866343}.menu-toggle{display:none;background:none;border:0;font-size:25px}.eyebrow{text-transform:uppercase;letter-spacing:2.6px;font-size:11px;font-weight:800;color:var(--bronze);display:block;margin-bottom:19px}.hero{padding:100px 0 120px;min-height:700px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero h1{font-family:var(--serif);font-size:clamp(56px,6.7vw,104px);letter-spacing:-3.5px;line-height:1.01;font-weight:400;margin:0 0 30px}.ar .hero h1{letter-spacing:-1px;font-family:Tahoma,Arial,sans-serif;font-size:clamp(44px,5vw,73px);line-height:1.32;font-weight:650}.hero h1 em{font-weight:400;color:var(--bronze);font-style:italic}.ar .hero h1 em{font-style:normal}.hero .lead{font-size:18px;line-height:1.9;color:#596862;max-width:590px;margin:0 0 35px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{height:500px;position:relative;display:flex;align-items:center;justify-content:center}.art-ring{position:absolute;border:1px solid rgba(167,125,87,.46);border-radius:50%;width:420px;height:420px}.art-ring:nth-child(2){width:305px;height:305px}.art-dot{position:absolute;right:18%;top:10%;height:14px;width:14px;border-radius:50%;background:var(--bronze)}.art-tile{background:var(--dark);width:300px;height:360px;position:relative;box-shadow:28px 27px 0 rgba(167,125,87,.17);display:flex;flex-direction:column;justify-content:flex-end;padding:35px;transform:rotate(-4deg)}.art-tile .monogram{color:#e9e6df;font-family:var(--serif);font-size:114px;line-height:1;letter-spacing:-10px}.art-tile .sub{color:#b5aa9a;font-size:11px;letter-spacing:3px;margin-top:20px}.statbar{background:var(--dark);color:#f9f8f3;padding:28px 0}.statgrid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:13px 26px;border-right:1px solid #43524b}.stat:first-child{padding-inline-start:0}.stat:last-child{border:0}.stat strong{font-size:24px;font-weight:550;font-family:var(--serif);display:block;margin-bottom:6px}.stat small{color:#b7c0b7;font-size:11px;letter-spacing:1px;text-transform:uppercase}.section{padding:105px 0}.section.white{background:#fff}.section.dark{background:var(--dark);color:#fff}.section h2,.page-head h1{font-family:var(--serif);font-weight:400;line-height:1.14;letter-spacing:-1.6px;font-size:clamp(38px,4.5vw,65px);margin:0 0 27px}.ar .section h2,.ar .page-head h1{font-family:Tahoma,Arial,sans-serif;font-weight:650;line-height:1.42;letter-spacing:0;font-size:clamp(32px,3.5vw,51px)}.section p{line-height:1.9;color:var(--muted);font-size:16px}.section.dark p{color:#c1cac3}.section-header{max-width:720px;margin-bottom:52px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.overline{border-top:1px solid var(--border);padding-top:21px;font-weight:750;display:block;font-size:13px}.cardgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{border:1px solid var(--border);padding:35px;min-height:265px;display:flex;flex-direction:column;background:#fdfcf9;transition:.22s}.service-card:hover{transform:translateY(-4px);border-color:var(--bronze)}.service-card .num{font-size:12px;letter-spacing:2px;color:var(--bronze);margin-bottom:31px;font-weight:800}.service-card h3{font-family:var(--serif);font-weight:500;font-size:25px;margin:0 0 15px}.ar .service-card h3{font-family:Tahoma,Arial,sans-serif;font-size:20px;font-weight:700}.service-card p{margin:0;line-height:1.8;font-size:14px}.service-card .arrow{font-size:21px;align-self:flex-end;margin-top:auto;padding-top:20px}.processgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-item{border-top:1px solid #56635a;padding-top:24px}.process-item .no{color:#bc997c;font-size:12px;letter-spacing:2px}.process-item h3{font-size:20px;font-weight:550;margin:21px 0 12px}.process-item p{font-size:14px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{background:#f9f7f2;border:1px solid var(--border);display:flex;flex-direction:column}.work-visual{height:180px;background:var(--dark);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.work-visual:before{content:'';height:230px;width:230px;border:1px solid #a77d57;border-radius:50%;position:absolute;top:-90px;right:-50px}.work-visual span{font-family:var(--serif);font-size:40px;color:#ddd5c8;z-index:1}.work-card:nth-child(2) .work-visual{background:#425a52}.work-card:nth-child(3) .work-visual{background:#857663}.work-body{padding:28px;flex:1}.work-body small{letter-spacing:1.3px;color:var(--bronze);font-size:10px;text-transform:uppercase;font-weight:800}.work-body h3{font-size:22px;font-weight:550;line-height:1.3;margin:13px 0}.work-body p{font-size:14px;margin:0}.metric-row{display:flex;gap:34px;flex-wrap:wrap;padding-top:16px}.metric strong{display:block;font-size:30px;font-family:var(--serif);font-weight:500}.metric span{font-size:12px;color:var(--muted)}.cta{background:#a77d57;color:#fff;padding:96px 0}.cta h2{max-width:790px}.cta p{color:#fff!important;opacity:.91}.cta .btn{background:#fff;color:var(--dark);border-color:#fff}.footer{background:#17221e;color:#fff;padding:65px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer p{color:#aeb8b0;line-height:1.8;font-size:14px}.footer h4{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#ad926e}.footlinks{display:flex;flex-direction:column;gap:12px;font-size:14px;color:#d9e0d8}.copy{font-size:11px;color:#87958c;padding-top:36px;margin-top:43px;border-top:1px solid #334238}.page-head{padding:95px 0 65px;background:#ece8df}.page-head p{font-size:19px;line-height:1.8;color:var(--muted);max-width:780px}.content{max-width:900px}.prose p{font-size:17px;line-height:2;color:#56645e}.prose h2{margin-top:45px;font-size:35px}.pillrow{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.pill{padding:11px 15px;border:1px solid var(--border);font-size:12px;letter-spacing:.4px}.timeline{border-left:1px solid var(--border);padding-left:32px}.ar .timeline{border-left:0;border-right:1px solid var(--border);padding-left:0;padding-right:32px}.timeline-item{padding:0 0 34px}.timeline-item h3{margin:0 0 8px;font-size:21px}.timeline-item small{color:var(--bronze);font-weight:700}.timeline-item p{margin:8px 0;color:var(--muted);line-height:1.8}.pkg{padding:33px;border:1px solid var(--border);background:white;margin-bottom:15px}.pkg h3{font-family:var(--serif);font-weight:500;font-size:28px;margin:0 0 8px}.ar .pkg h3{font-family:Tahoma,Arial,sans-serif;font-size:23px}.pkg .type{font-size:11px;font-weight:750;text-transform:uppercase;color:var(--bronze);letter-spacing:1px}.pkg p{font-size:15px;color:var(--muted);line-height:1.8}.pkg strong{font-size:13px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.form{background:#fff;border:1px solid var(--border);padding:34px}.form label{display:block;margin-bottom:8px;font-size:12px;font-weight:750}.form input,.form textarea,.form select{width:100%;padding:13px 15px;background:#fbfaf7;border:1px solid #d8dcd6;border-radius:0;outline:none}.form input:focus,.form textarea:focus{border-color:var(--bronze)}.field{margin-bottom:20px}.form textarea{min-height:130px;resize:vertical}.form .hidden{display:none}.notice{background:#e0eadf;border:1px solid #aac4a5;padding:18px;margin-bottom:20px;font-size:14px}.notice.error{background:#fbe9e5;border-color:#e7b8a5}.insight{border-bottom:1px solid var(--border);padding:28px 0}.insight h3{font-size:23px;font-weight:500}.insight p{font-size:15px;color:var(--muted)}.site-404{min-height:50vh}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;z-index:999;background:white;padding:10px}.ar .hero-art .art-tile{transform:rotate(4deg)}@media(max-width:1000px){.navlinks{gap:15px}.hero-grid{grid-template-columns:1fr .65fr}.hero-art{height:390px}.art-ring{width:320px;height:320px}.art-ring:nth-child(2){width:225px;height:225px}.art-tile{width:230px;height:275px}.art-tile .monogram{font-size:84px}.split{gap:45px}.processgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:min(100% - 32px,600px)}.nav{height:69px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:stretch;box-shadow:0 20px 20px #0001}.navlinks.active{display:flex}.navright>.btn{display:none}.hero{padding:63px 0 74px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:23px}.hero h1{font-size:57px;letter-spacing:-2px}.hero .lead{font-size:16px}.hero-art{height:280px}.art-ring{height:270px;width:270px}.art-ring:nth-child(2){height:190px;width:190px}.art-tile{height:224px;width:190px;padding:25px;box-shadow:14px 15px 0 #a77d572c}.art-tile .monogram{font-size:66px}.statgrid{grid-template-columns:repeat(2,1fr);gap:7px}.stat{padding:13px 6px;border:0;border-bottom:1px solid #425149}.stat strong{font-size:23px}.section{padding:70px 0}.split,.contact-grid{grid-template-columns:1fr;gap:28px}.cardgrid,.work-grid{grid-template-columns:1fr}.service-card{min-height:215px}.work-visual{height:160px}.processgrid{gap:16px}.footer-grid{grid-template-columns:1fr;gap:22px}.page-head{padding:65px 0 42px}.page-head p{font-size:16px}.section h2,.page-head h1{letter-spacing:-1px}.cta{padding:65px 0}.form{padding:22px}}