[hidden]{display:none!important}
.gulf-feature{grid-template-columns:1.15fr .85fr}
.project-visual{display:grid;grid-template-rows:1.25fr .75fr;min-height:640px;gap:3px;background:#111}
.project-visual img{height:100%;min-height:0;object-fit:cover}
.project-panel h4{font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;color:#b7b7b7;margin:10px 0 0}
.gulf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.gulf-grid article{min-height:245px;padding:32px;background:var(--paper);border-top:4px solid var(--red);display:flex;flex-direction:column}
.gulf-grid span{color:var(--red);font-size:11px;letter-spacing:.15em;font-weight:800}
.gulf-grid h3{font-size:25px;margin:28px 0 4px}
.gulf-grid p{font-weight:700;margin:0 0 16px}
.gulf-grid small{color:var(--muted);line-height:1.55;margin-top:auto}
.international-note{display:flex;justify-content:space-between;gap:30px;padding:25px 0;margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}
.international-note strong{color:var(--ink)}
.quality-image{position:relative}
.quality-image:after{content:"Dimension check";position:absolute;left:18px;bottom:18px;background:var(--red);color:white;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;padding:10px 13px}
.quality-image img{object-position:center 35%}
.partners{background:#fff}
.partners h2{font-size:clamp(34px,4.7vw,62px);letter-spacing:-.035em}
.brand-wall{max-width:1180px;margin:0 auto;padding:24px;background:var(--paper);border:1px solid var(--line)}
.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.logo-card{display:flex;align-items:center;justify-content:center;min-height:150px;padding:28px 24px;background:#fff;border:1px solid #e7e5e1;overflow:hidden}
.logo-card img{display:block;width:100%;height:82px;object-fit:contain;object-position:center;background:#fff;filter:saturate(.92);transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease}
.logo-card:nth-child(n+9) img{height:104px}
.logo-card:hover img{transform:scale(1.04);filter:saturate(1)}
html{scroll-behavior:smooth;scroll-padding-top:76px}
.motion-ready .reveal-item{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .82s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-item.is-visible{opacity:1;transform:translateY(0)}
.hero img{animation:hero-breathe 16s ease-in-out infinite alternate}
.site-header nav a{position:relative;transition:color .25s ease}
.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--red);transition:right .35s cubic-bezier(.22,1,.36,1)}
.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}
.solution-card img,.project-visual img{transition:transform .9s cubic-bezier(.22,1,.36,1)}
.solution-card:hover img,.project-feature:hover .project-visual img{transform:scale(1.035)}
@keyframes hero-breathe{from{transform:scale(1.01)}to{transform:scale(1.055)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero img{animation:none}.reveal-item{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:980px){.gulf-feature{grid-template-columns:1fr}.project-visual{min-height:560px}.gulf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.project-visual{min-height:460px}.gulf-grid{grid-template-columns:1fr}.international-note{flex-direction:column}.brand-wall{padding:10px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.logo-card{min-height:112px;padding:18px 12px}.logo-card img{height:66px}.logo-card:nth-child(n+9) img{height:78px}.partners h2{font-size:34px}}

/* Multi-page experience */
@view-transition{navigation:auto}
body{animation:page-enter .55s cubic-bezier(.22,1,.36,1) both}
@keyframes page-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.site-header nav a.active{color:var(--red)}
.site-header nav a.active:after{right:0}
body:not(.page-home) main{min-height:70vh}
body:not(.page-home) main>.section:first-of-type{padding-top:clamp(85px,9vw,130px)}

/* Premium project journey */
.process{display:block;background:#191a1c;color:#fff}
.process-intro{position:static;max-width:980px}
.process-intro h2{max-width:900px}
.journey-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:64px;position:relative}
.journey-card{position:relative;min-height:230px;padding:28px 24px 24px;background:#242528;border:1px solid #3d3e42;border-left:4px solid var(--red);border-radius:14px;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}
.journey-card:hover{transform:translateY(-7px);border-color:#66676b}
.journey-card span{position:absolute;right:12px;top:0;color:#fff;opacity:.07;font:800 76px/1 "Manrope",sans-serif}
.journey-card small{display:block;color:#cb7075;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:11px;margin-bottom:34px}
.journey-card h3{font-size:21px;line-height:1.25;max-width:190px}
.journey-card p{color:#aaa;margin:14px 0 0;font-size:13px;line-height:1.55}
.journey-card:nth-child(6){grid-column:5;grid-row:2}.journey-card:nth-child(7){grid-column:4;grid-row:2}.journey-card:nth-child(8){grid-column:3;grid-row:2}.journey-card:nth-child(9){grid-column:2;grid-row:2}.journey-card:nth-child(10){grid-column:1;grid-row:2}
.journey-card.final{background:var(--red);border-color:#c86469}
.journey-card.final small,.journey-card.final p{color:#f4dfe1}
@media(max-width:1180px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-card:nth-child(n){grid-column:auto;grid-row:auto}}
@media(max-width:680px){.journey-grid{grid-template-columns:1fr;margin-top:42px}.journey-card{min-height:195px}.journey-card h3{max-width:none}}
@media(prefers-reduced-motion:reduce){body{animation:none}}
