/* Products page hero */
.products-hero{width:min(1180px,calc(100% - 48px));max-width:1180px;padding:82px 0 52px;border:0!important;border-inline:0!important;box-shadow:none!important}.products-hero::after{display:none!important}.products-hero h1{max-width:850px;font-size:clamp(38px,4.8vw,60px)!important;line-height:1.18;letter-spacing:-1.5px;margin:16px 0 18px}.products-hero p{max-width:700px;font-size:16px;line-height:1.85}@media(max-width:820px){.products-hero{width:calc(100% - 32px);padding:64px 0 40px}.products-hero h1{font-size:clamp(34px,10vw,50px)!important}.products-hero p{font-size:15px}}

/* New editorial portfolio system */
.products-grid{width:min(1180px,calc(100% - 48px));grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:8px 0 120px;align-items:stretch}
.project-card{--art-width:72%;--art-scale:.88;--art-x:0px;--art-y:0px;--accent:#47c9ff;--accent-soft:rgba(71,201,255,.18);--project-bg-start:#15263a;--project-bg-end:#07101d;--project-glow:rgba(104,171,213,.2);position:relative;isolation:isolate;display:flex;min-width:0;min-height:410px;overflow:hidden;grid-column:span 4;border:1px solid rgba(177,205,231,.13);border-radius:28px;background:linear-gradient(145deg,rgba(15,28,51,.96),rgba(5,11,22,.98));box-shadow:0 20px 50px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.045);transform:translateY(0);transition:transform 500ms cubic-bezier(.16,1,.3,1),box-shadow 500ms cubic-bezier(.16,1,.3,1),border-color 300ms ease;cursor:pointer}
.project-card::before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.085),transparent 42%);opacity:0;pointer-events:none;transition:opacity 300ms ease}.project-card::after{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 20%,var(--accent) 50%,transparent 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity 350ms ease}.project-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 30px 70px rgba(0,0,0,.3),0 12px 40px var(--accent-soft)}.project-card:hover::before,.project-card:hover::after{opacity:1}
.project-card--featured{grid-column:span 8;min-height:490px;display:grid;grid-template-columns:1.06fr .94fr;direction:ltr;background:radial-gradient(circle at 16% 20%,var(--accent-soft),transparent 38%),linear-gradient(120deg,rgba(13,35,58,.96),rgba(5,11,22,.99))}.project-card--featured .project-card__content{direction:rtl;text-align:right;align-self:center;padding:48px 48px 48px 16px}.project-card--featured .project-card__visual{order:-1;min-height:100%}.project-card--featured .project-card__title{font-size:clamp(32px,4vw,56px)}.project-card--featured .project-card__description{max-width:410px}.project-card--featured .project-card__explore{display:inline-flex}
.project-card--standard{min-height:410px;flex-direction:column}.project-card--standard .project-card__content{margin-top:auto;padding:22px 24px 24px;direction:rtl;text-align:right}.project-card--standard .project-card__visual{height:238px;min-height:238px}.project-card--standard .project-card__title{font-size:25px}.project-card--standard .project-card__description{-webkit-line-clamp:2}
.project-card__visual{position:relative;z-index:1;min-width:0;min-height:220px;display:grid;place-items:center;overflow:hidden;border-radius:24px;isolation:isolate;background:linear-gradient(145deg,var(--project-bg-start),var(--project-bg-end))}.project-card__visual-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 45%,var(--project-glow),transparent 58%),linear-gradient(145deg,var(--project-bg-start),var(--project-bg-end));opacity:.96}.project-card__visual-bg::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 28% 25%,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 80% 75%,var(--accent-soft),transparent 34%);filter:blur(18px);transform:translate(var(--mouse-x,0),var(--mouse-y,0));opacity:.7;transition:transform 700ms cubic-bezier(.16,1,.3,1)}.project-card__artwork{position:relative;z-index:2;width:100%;height:100%;min-height:220px;display:grid;place-items:center;padding:28px}.project-card__artwork::before{content:"";position:absolute;width:52%;aspect-ratio:1;border-radius:50%;background:var(--project-glow);filter:blur(34px);opacity:.72;transform:translate(var(--art-x),var(--art-y));transition:transform 600ms cubic-bezier(.16,1,.3,1)}.project-card__artwork::after{content:"";position:absolute;width:26px;height:26px;border:2px solid rgba(255,255,255,.16);border-top-color:var(--accent);border-radius:50%;opacity:0;animation:projectImageSpin .8s linear infinite}.project-card__artwork.is-loading::after{opacity:1}.project-card__artwork img{position:relative;z-index:1;display:block;width:var(--art-width);height:auto;max-height:88%;object-fit:contain;object-position:center;transform:translate(var(--art-x),var(--art-y)) scale(var(--art-scale));opacity:1;border-radius:12px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.28));transition:transform 550ms cubic-bezier(.16,1,.3,1),opacity 350ms ease,filter 350ms ease}.project-card__artwork.is-loading img{opacity:0}.project-card[data-project="kholasa"] .project-card__artwork img{filter:brightness(.92) saturate(.9) drop-shadow(0 24px 40px rgba(0,0,0,.34));mix-blend-mode:screen}.project-card[data-project="alameer"] .project-card__artwork{padding-inline:18px}.project-card:hover .project-card__artwork img{transform:translate(calc(var(--art-x) + 8px),calc(var(--art-y) - 8px)) scale(calc(var(--art-scale) + .025));filter:drop-shadow(0 28px 44px rgba(0,0,0,.34)) saturate(1.08)}
.project-card__content{position:relative;z-index:2}.project-card__meta{display:flex;align-items:center;gap:8px;min-height:22px;color:#9eb1c8;font:600 10px/1.2 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.project-card__category{padding:5px 9px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.project-card__title{margin:14px 0 9px;color:#f7fbff;line-height:1.15;letter-spacing:-.03em;transition:transform 450ms cubic-bezier(.16,1,.3,1)}.project-card:hover .project-card__title{transform:translateY(-2px)}.project-card__description{display:-webkit-box;overflow:hidden;max-width:100%;margin:0;color:#aebdce;font-size:14px;line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.project-card__tag{padding:5px 8px;border:1px solid rgba(177,205,231,.14);border-radius:7px;color:#9aacbf;font-size:10px;transition:color 300ms ease,border-color 300ms ease}.project-card:hover .project-card__tag{border-color:color-mix(in srgb,var(--accent) 34%,transparent);color:#dbeeff}.project-card__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.project-card__explore{display:none;color:#d8ecfb;font-size:12px}.project-card__arrow{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(177,205,231,.22);border-radius:50%;background:rgba(255,255,255,.035);color:#d9efff;font-size:20px;line-height:1;transition:background 400ms ease,border-color 400ms ease,color 400ms ease,transform 500ms cubic-bezier(.16,1,.3,1)}.project-card__arrow:hover,.project-card:hover .project-card__arrow{border-color:var(--accent);background:var(--accent);color:#061126;transform:rotate(45deg) translate(2px,-2px)}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.accent-bayn{--accent:#ef8bd6;--accent-soft:rgba(239,139,214,.17)}.accent-stay{--accent:#e5bd69;--accent-soft:rgba(229,189,105,.16)}.accent-checkbook{--accent:#5ad7ff;--accent-soft:rgba(90,215,255,.17)}.accent-default{--accent:#8fb8d8;--accent-soft:rgba(104,171,213,.13)}
@keyframes projectImageSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card--featured{grid-column:span 1}.project-card--featured{min-height:470px;grid-template-columns:1fr 1fr}}
@media(max-width:780px){.products-grid{width:calc(100% - 32px);grid-template-columns:1fr;gap:18px;padding-bottom:80px}.project-card,.project-card--featured{grid-column:span 1;min-height:430px;border-radius:24px}.project-card--featured{display:flex;flex-direction:column}.project-card--featured .project-card__visual{order:0;height:235px;min-height:235px}.project-card--featured .project-card__content{padding:22px 22px 24px}.project-card--featured .project-card__title{font-size:32px}.project-card--standard .project-card__visual{height:225px;min-height:225px}.project-card__artwork{padding:20px}.project-card__arrow{width:50px;height:50px;flex-basis:50px}.project-card:hover{transform:none}.project-card:hover .project-card__artwork img{transform:translate(var(--art-x),var(--art-y)) scale(var(--art-scale))}.project-card__explore{display:none}}
@media(prefers-reduced-motion:reduce){.project-card{animation:none!important}.project-card,.project-card:hover{transform:none}.project-card::before,.project-card::after,.project-card__visual-bg::before{transition:none}.project-card__artwork img,.project-card:hover .project-card__artwork img{transition:none;transform:translate(var(--art-x),var(--art-y)) scale(var(--art-scale))}.project-card__artwork::after{animation:none}}
.products-error button{margin-top:14px;padding:10px 16px;border:1px solid rgba(67,208,255,.45);border-radius:11px;background:linear-gradient(120deg,#13a7f6,#1768e9);color:#fff;cursor:pointer;font:inherit}
/* Kholasa artwork is blended into the dark stage instead of reading as a white poster. */
.project-card[data-project="kholasa"] .project-card__artwork img{mix-blend-mode:multiply}