/* Coach: graphite and track orange, condensed poster type, full-bleed photos, hard edges. */
:root{
  --bg:#F2F2EE; --surface:#FFFFFF; --surface-2:#E5E5DF; --ink:#111317; --muted:#5D6068; --line:#DADAD3;
  --accent:#FF4D1F; --on-accent:#111317; --accent-2:#111317; --ok:#12805C;
  --display:"Anton","Impact","Arial Narrow",sans-serif; --body:"Archivo",system-ui,sans-serif;
  --radius:6px; --radius-lg:10px; --radius-pic:6px; --shadow:0 26px 54px -30px rgba(0,0,0,.6);
}
[dir=rtl]{--display:"Cairo",Tahoma,sans-serif;--body:"Cairo",Tahoma,sans-serif}
h1,h2,h3{text-transform:uppercase;letter-spacing:.005em;font-weight:400}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-weight:900;text-transform:none}
.logo-name{font-size:27px;text-transform:uppercase;letter-spacing:.02em}
[dir=rtl] .logo-name{font-weight:900}
.btn{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:800}
[dir=rtl] .btn{letter-spacing:0;font-size:15px}
.btn-accent:hover{background:#FF6A42}
.top{background:color-mix(in srgb,var(--ink) 92%,transparent);color:#F2F2EE}
.scrolled .top{border-bottom-color:#2A2D33}
.top .logo small{color:#A9ABB2}
.top .lang{box-shadow:inset 0 0 0 1px #3A3D44}
.nav a:hover{background:rgba(255,255,255,.08)}
.burger{box-shadow:inset 0 0 0 1px #3A3D44}
@media (max-width:1060px){.nav{background:var(--ink)}.nav a{border-color:#2A2D33}.menu-open .top{background:var(--ink)}}
.notice{background:var(--accent);color:var(--ink)}
.kicker{color:var(--accent)}
.kicker::before{height:3px;width:28px}

/* hero: full-bleed photo */
.hero{background:var(--ink);color:#F2F2EE;padding-block:110px 56px!important;min-height:min(92vh,860px);display:flex;align-items:flex-end}
.hero>.wrap{position:relative;z-index:1;width:100%}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:zoom 18s ease-out both}
@keyframes zoom{from{transform:scale(1.12)}}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,19,23,.35) 0,rgba(17,19,23,.2) 30%,rgba(17,19,23,.92) 80%),linear-gradient(90deg,rgba(17,19,23,.75),transparent 70%)}
[dir=rtl] .hero-bg::after{background:linear-gradient(180deg,rgba(17,19,23,.35) 0,rgba(17,19,23,.2) 30%,rgba(17,19,23,.92) 80%),linear-gradient(-90deg,rgba(17,19,23,.75),transparent 70%)}
.hero:not(.has-photo)::after{content:"";position:absolute;inset-block:0;inset-inline-end:-10%;width:46%;background:repeating-linear-gradient(-60deg,transparent 0 26px,rgba(255,77,31,.9) 26px 34px);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
.hero h1{font-size:clamp(60px,11vw,168px);line-height:.9;max-width:12ch}
[dir=rtl] .hero h1{line-height:1.15}
.hero h1 em{font-style:normal;color:var(--accent);display:block}
.hero .lead{color:#D3D5DA;margin-top:0}
.hero-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;margin-top:28px}
.hero .hero-cta{margin-top:0}
.hero .btn-line{color:#F2F2EE;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);background:rgba(17,19,23,.3);backdrop-filter:blur(6px)}
.hero .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff}
.hero .stats{margin-top:48px;border-top:1px solid rgba(255,255,255,.18);padding-top:28px}
.hero .stat b{font-family:var(--display);font-size:clamp(40px,5vw,68px);color:#F2F2EE}
.hero .stat span{color:#A9ABB2}

.badges{background:var(--accent);color:var(--ink)}
.badges .mq-row li{font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:.02em;font-weight:400}
[dir=rtl] .badges .mq-row li{font-weight:900;font-size:17px}
.badges .mq-row .ic{color:var(--ink)}

.services{background:var(--surface-2)}
.svc{border-radius:var(--radius);box-shadow:none}
.svc:hover{box-shadow:var(--shadow)}
.svc-pic{aspect-ratio:4/3}
.svc-pic img{filter:grayscale(.25) contrast(1.05)}
.svc-ic{border-radius:var(--radius);background:var(--ink);color:var(--accent)}
.has-pic .svc-ic{background:var(--accent);color:var(--ink)}
.svc h3{font-size:28px}
.svc .svc-price{font-family:var(--display);font-size:26px;font-weight:400;letter-spacing:.02em}
[dir=rtl] .svc .svc-price{font-weight:900}
.svc-link{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:13px}

.about-photo{border-radius:var(--radius-lg);position:relative}
.about-photo::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:repeating-linear-gradient(-60deg,transparent 0 18px,rgba(255,77,31,.85) 18px 24px);clip-path:polygon(0 70%,100% 20%,100% 100%,0 100%)}
.mono{aspect-ratio:4/5;background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden;border-radius:var(--radius-lg)}
.mono span{position:relative;font-family:"Anton",Impact,sans-serif;font-size:clamp(120px,18vw,220px);color:#F2F2EE;line-height:1}
.gallery{background:var(--ink);color:#F2F2EE}
.gallery .sec-head h2{color:#F2F2EE}
.gallery .btn-line{color:#F2F2EE;box-shadow:inset 0 0 0 1.5px #3A3D44}
.gal figure{border-radius:var(--radius)}
.gal img{filter:grayscale(.35)}
.gal figure:hover img{filter:none}
.steps{background:var(--ink);color:#F2F2EE;padding-top:0!important}
.gallery+.steps{padding-top:0!important}
.steps-in li{background:transparent;box-shadow:inset 0 0 0 1px #2E3138;border-radius:var(--radius)}
.steps-in b{font-family:var(--display);font-size:72px}
.steps-in p{color:#A9ABB2}
.quote{border-radius:var(--radius);box-shadow:none;border-top:4px solid var(--accent)}
.quote blockquote{font-size:18px;font-weight:600}
.avatar{border-radius:var(--radius);background:var(--ink);color:var(--accent)}
.agg{border-radius:var(--radius)}
.lead-form{border-radius:var(--radius-lg)}
.field input,.field select,.field textarea{border-radius:var(--radius)}
.faq details{border-radius:var(--radius)}
.cta-in{border-radius:var(--radius-lg);background:var(--accent);color:var(--ink)}
.cta-in::before{display:none}
.cta-in::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:38%;background:repeating-linear-gradient(-60deg,transparent 0 18px,rgba(17,19,23,.14) 18px 26px)}
.cta-band .btn-ghost{box-shadow:inset 0 0 0 1.5px var(--ink);background:transparent}
.foot{background:#0B0C0F}
.chip,.badge,.add,.pic-cta,.lang,.cart-btn,.agg,.gal figcaption{border-radius:var(--radius)!important}

@media (max-width:760px){
  .hero{min-height:88vh;padding-block:90px 40px!important}
  .hero .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero .stat b{font-size:34px}
  .hero .stat span{font-size:12px}
}