/* Arabia Group — Internal Pages V3.3 Refined Editorial
   Built on the collected production source after V3.2.2.
   Purpose: calmer Arabic-first composition, cleaner media, stronger editorial hierarchy. */
:root{
  --ag33-solar:#F3C600;
  --ag33-ink:#0D0F10;
  --ag33-ink-2:#17191A;
  --ag33-paper:#F4F1E8;
  --ag33-paper-2:#F8F6F0;
  --ag33-paper-3:#ECE8DD;
  --ag33-white:#FFFDF8;
  --ag33-text:#171818;
  --ag33-muted:#706B62;
  --ag33-line:rgba(13,15,16,.14);
  --ag33-line-strong:rgba(13,15,16,.24);
  --ag33-radius:12px;
  --ag33-shadow:0 20px 55px rgba(0,0,0,.09);
  --ag33-shadow-strong:0 30px 90px rgba(0,0,0,.18);
}

/* Shared editorial primitives */
.ag33-section{padding:96px 0;background:var(--ag33-paper-2);color:var(--ag33-text)}
.ag33-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;direction:rtl;text-align:right}
.ag33-back{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-size:13px;font-weight:850;padding:7px 0;border-bottom:1px solid transparent;transition:gap .18s ease,border-color .18s ease}
.ag33-back span{color:#987C00;font-size:18px}.ag33-back:hover{gap:13px;border-bottom-color:var(--ag33-solar)}
.ag33-kicker{display:inline-flex;align-items:center;gap:10px;color:#8A7000;font-size:12px;font-weight:900;line-height:1.3}
.ag33-kicker::before{content:"";width:30px;height:2px;background:var(--ag33-solar)}
.ag33-soft-label{display:inline-flex;padding:7px 10px;border:1px solid var(--ag33-line);border-radius:8px;font-size:11px;color:var(--ag33-muted);font-weight:850;background:rgba(255,255,255,.35)}
.ag33-primary{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--ag33-solar);color:var(--ag33-ink);border:1px solid var(--ag33-solar);border-radius:9px;text-decoration:none;font:inherit;font-size:13px;font-weight:950;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.ag33-primary:hover{transform:translateY(-2px);background:#FFD72B;box-shadow:0 12px 28px rgba(170,137,0,.16)}
.ag33-inline-link{display:inline-flex;align-items:center;gap:9px;color:var(--ag33-text);font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap;padding-bottom:4px;border-bottom:1px solid var(--ag33-line-strong)}
.ag33-inline-link span{color:#977A00;transition:transform .18s}.ag33-inline-link:hover span{transform:translateX(-4px)}
.ag33-editorial-heading{max-width:860px;text-align:right;direction:rtl;margin-inline-end:auto}
.ag33-editorial-heading h2{margin:11px 0 12px;font-size:clamp(30px,3.3vw,46px);line-height:1.2;letter-spacing:-.03em;font-weight:950;color:var(--ag33-text)}
.ag33-editorial-heading>p{margin:0;max-width:720px;color:var(--ag33-muted);font-size:14px;line-height:1.9}
.ag33-editorial-heading--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}
.ag33-editorial-heading--row>div{max-width:820px}

/* Request — light, right-led, no black/yellow split background */
.ag33-request{padding:54px 0 108px;background:
 linear-gradient(180deg,var(--ag33-paper-2),var(--ag33-paper));color:var(--ag33-text);direction:rtl;text-align:right}
.ag33-request-hero{max-width:860px;margin-inline-end:auto;padding:14px 0 52px;border-bottom:1px solid var(--ag33-line)}
.ag33-request-hero h1{margin:12px 0 12px;font-size:clamp(38px,4.4vw,58px);line-height:1.13;letter-spacing:-.035em;font-weight:950;color:var(--ag33-ink)}
.ag33-request-hero p{margin:0;max-width:700px;font-size:16px;line-height:1.9;color:var(--ag33-muted)}
.ag33-request-process{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.55fr);gap:70px;align-items:start;padding:58px 0 66px;border-bottom:1px solid var(--ag33-line)}
.ag33-request-process__intro h2{margin:10px 0 10px;font-size:29px;line-height:1.3;font-weight:950}.ag33-request-process__intro p{margin:0 0 17px;color:var(--ag33-muted);font-size:13px;line-height:1.85}.ag33-request-process__intro a{display:inline-flex;gap:8px;align-items:center;color:var(--ag33-ink);font-size:12px;font-weight:900;text-decoration:none;border-bottom:1px solid var(--ag33-line-strong);padding-bottom:3px}.ag33-request-process__intro a span{color:#9A7E00}
.ag33-request-process__steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ag33-line-strong)}
.ag33-request-process__steps article{padding:22px 19px 12px;border-inline-start:1px solid var(--ag33-line);min-height:160px}.ag33-request-process__steps article:first-child{border-inline-start:0}.ag33-request-process__steps b{display:block;margin-bottom:26px;color:#9A7D00;font-size:11px}.ag33-request-process__steps h3{margin:0 0 7px;font-size:18px;font-weight:950}.ag33-request-process__steps p{margin:0;color:var(--ag33-muted);font-size:11px;line-height:1.7}
.ag33-request-form-shell{margin-top:66px;background:var(--ag33-white);border:1px solid var(--ag33-line);border-radius:14px;box-shadow:var(--ag33-shadow);overflow:hidden}
.ag33-form-heading{padding:38px 42px 30px;display:grid;grid-template-columns:minmax(0,1.35fr) auto;gap:38px;align-items:end;border-bottom:1px solid var(--ag33-line);background:#FBF9F4}.ag33-form-heading h2{margin:8px 0 7px;font-size:31px;line-height:1.3;font-weight:950}.ag33-form-heading p{margin:0;max-width:650px;color:var(--ag33-muted);font-size:12px;line-height:1.75}
.ag33-form-progress{display:flex;align-items:center;gap:9px;font-size:10px;color:#777268;white-space:nowrap}.ag33-form-progress span{display:inline-flex;align-items:center;gap:6px}.ag33-form-progress b{font-size:9px;color:#987C00}.ag33-form-progress i{display:block;width:26px;height:1px;background:#C9C2B6}
.ag33-context,.ag33-errors{margin:28px 42px 0;padding:14px 16px;border-radius:8px}.ag33-context{display:flex;gap:10px;align-items:center;background:rgba(243,198,0,.08);border-inline-start:3px solid var(--ag33-solar);font-size:12px}.ag33-context>span{color:#967900;font-size:18px}.ag33-errors{background:#FFF2EF;border:1px solid #CE8178;color:#762C23;font-size:12px}.ag33-errors ul{margin:8px 0 0;padding-inline-start:18px}
.ag33-form{padding:6px 42px 42px;direction:rtl;text-align:right}.ag33-form-section{padding:37px 0;border-bottom:1px solid var(--ag33-line)}
.ag33-form-section__head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:23px}.ag33-form-section__head>b{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ag33-line-strong);border-radius:8px;font-size:10px;color:#8A7000}.ag33-form-section__head h3{margin:1px 0 5px;font-size:21px;font-weight:950}.ag33-form-section__head p{margin:0;color:var(--ag33-muted);font-size:12px;line-height:1.7}
.ag33-field-grid{display:grid;gap:17px}.ag33-field-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ag33-field-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ag33-field{display:grid;gap:8px;text-align:right}.ag33-field>span{font-size:12px;font-weight:900;color:#2A2A28}.ag33-field>small{font-size:10px;color:#817B70;line-height:1.6}
.ag33-field input,.ag33-field select,.ag33-field textarea{width:100%;font:inherit;color:var(--ag33-text);background:#FBFAF6;border:1px solid #C9C2B6;border-radius:9px;outline:none;text-align:right;direction:rtl;padding:13px 15px;transition:border-color .17s,box-shadow .17s,background .17s}
.ag33-field input,.ag33-field select{min-height:55px}.ag33-field textarea{min-height:245px;resize:vertical;line-height:1.9;font-size:14px}.ag33-field input:hover,.ag33-field select:hover,.ag33-field textarea:hover{border-color:#A8A095}.ag33-field input:focus,.ag33-field select:focus,.ag33-field textarea:focus{background:#fff;border-color:#7D7569;box-shadow:0 0 0 4px rgba(243,198,0,.13)}
.ag33-form-section--idea{border-bottom:0}.ag33-form-section--idea .ag33-form-section__head h3{font-size:27px}.ag33-textarea-meta{display:flex;justify-content:space-between;gap:20px;align-items:center}.ag33-textarea-meta small{font-size:10px;color:var(--ag33-muted)}.ag33-textarea-meta span{font-size:10px;color:#817A6F}.ag33-textarea-meta b{color:var(--ag33-text)}
.ag33-after-send{margin:6px 0 30px;padding:26px 0 4px;border-top:1px solid var(--ag33-line)}.ag33-after-send__title{display:flex;align-items:center;gap:14px;margin-bottom:20px}.ag33-after-send__title h3{margin:0;font-size:16px}.ag33-after-send__steps{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;gap:9px}.ag33-after-send__steps>div{display:flex;align-items:center;gap:10px}.ag33-after-send__steps b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(243,198,0,.18);color:#806800;font-size:9px}.ag33-after-send__steps span{font-size:12px;font-weight:900}.ag33-after-send__steps>i{height:1px;background:#CFC8BD}
.ag33-submit-row{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.ag33-submit-row>a{font-size:11px;font-weight:850;color:#635E56;text-decoration:none;border-bottom:1px solid #AAA398;padding-bottom:2px}.ag33-submit{min-width:220px}
.ag33-success{padding:70px 42px;max-width:760px;margin-inline-end:auto;text-align:right}.ag33-success__mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--ag33-solar);font-size:24px;font-weight:950;margin-bottom:18px}.ag33-success h2{margin:9px 0 10px;font-size:40px}.ag33-success p{margin:0 0 24px;color:var(--ag33-muted);line-height:1.8}

/* Work detail */
.ag33-work-hero{padding:52px 0 0;background:var(--ag33-paper-2);color:var(--ag33-text);direction:rtl;text-align:right}.ag33-work-heading{max-width:850px;margin-inline-end:auto;padding:10px 0 38px}.ag33-work-heading h1{margin:10px 0 11px;font-size:clamp(40px,4.5vw,58px);line-height:1.08;letter-spacing:-.035em;font-weight:950}.ag33-work-heading p{margin:0;max-width:720px;color:var(--ag33-muted);font-size:15px;line-height:1.9}
.ag33-work-cover{margin:0;padding:0 0 30px}.ag33-work-cover__canvas{background:#EAE6DC;border:1px solid var(--ag33-line);border-radius:14px;overflow:hidden;min-height:320px;display:grid;place-items:center}.ag33-work-cover__canvas img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;object-position:center}.ag33-work-cover figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:13px;color:var(--ag33-muted);font-size:11px}.ag33-work-cover figcaption strong{color:var(--ag33-text);font-size:13px}
.ag33-work-facts{background:var(--ag33-paper);border-top:1px solid var(--ag33-line);border-bottom:1px solid var(--ag33-line)}.ag33-fact-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0;direction:rtl}.ag33-fact-rail>div{padding:5px 24px;border-inline-start:1px solid var(--ag33-line)}.ag33-fact-rail>div:first-child{border-inline-start:0}.ag33-fact-rail small{display:block;margin-bottom:5px;color:#8A8378;font-size:10px;font-weight:800}.ag33-fact-rail strong{display:block;font-size:13px;line-height:1.6}.ag33-fact-rail .is-wide strong{font-size:11px}
.ag33-work-story{background:var(--ag33-white)}.ag33-story-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:48px}.ag33-story-item{position:relative;border-top:1px solid var(--ag33-line-strong);padding:24px 22px 26px;background:var(--ag33-paper-2);min-height:175px}.ag33-story-item--1,.ag33-story-item--4{grid-column:span 7}.ag33-story-item--2,.ag33-story-item--3{grid-column:span 5}.ag33-story-item b{display:block;margin-bottom:35px;color:#A68A15;font-size:11px}.ag33-story-item p{margin:0;color:#4E4A44;font-size:14px;line-height:1.9}.ag33-work-conversation{margin-top:50px;padding:30px 0;border-top:1px solid var(--ag33-line);border-bottom:1px solid var(--ag33-line);display:flex;align-items:center;justify-content:space-between;gap:35px}.ag33-work-conversation h3{margin:7px 0 0;max-width:680px;font-size:24px;line-height:1.4}
.ag33-work-showcase{background:var(--ag33-paper);overflow:hidden}.ag33-phone-gallery{min-height:650px;margin-top:54px;display:flex;align-items:center;justify-content:center;gap:42px;padding:30px 0 10px;perspective:1400px}.ag33-phone{margin:0;text-align:center;transition:transform .25s ease}.ag33-phone--1{transform:translateY(-10px) rotateY(-3deg)}.ag33-phone--2{transform:translateY(34px) rotateY(3deg)}.ag33-phone:hover{transform:translateY(-12px)}.ag33-phone__shell{position:relative;width:min(330px,30vw);aspect-ratio:9/19.5;padding:10px;background:#08090A;border:1px solid #303234;border-radius:46px;box-shadow:var(--ag33-shadow-strong)}.ag33-phone__shell::before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.1);border-radius:42px;pointer-events:none}.ag33-phone__island{position:absolute;z-index:3;top:18px;left:50%;transform:translateX(-50%);width:27%;height:19px;border-radius:99px;background:#060606}.ag33-phone__screen{width:100%;height:100%;overflow:hidden;border-radius:37px;background:#111;display:grid;place-items:center}.ag33-phone__screen img{width:100%;height:100%;object-fit:contain;background:#111}.ag33-phone figcaption{margin-top:13px;font-size:10px;color:var(--ag33-muted)}
.ag33-browser-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:50px;align-items:start}.ag33-browser{margin:0;background:#111;border:1px solid #292B2D;border-radius:12px;box-shadow:var(--ag33-shadow);overflow:hidden}.ag33-browser.is-primary{grid-column:span 12}.ag33-browser.is-secondary{grid-column:span 8;margin-inline-start:auto}.ag33-browser__chrome{height:42px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#151718;color:#BDB8AE;direction:ltr}.ag33-browser__chrome>span{width:8px;height:8px;border-radius:50%;background:#4A4C4D}.ag33-browser__chrome>span:first-child{background:var(--ag33-solar)}.ag33-browser__chrome em{margin-left:12px;font-style:normal;font-size:9px;opacity:.75}.ag33-browser__screen{background:#E6E2D8;display:grid;place-items:center}.ag33-browser__screen img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}
.ag33-external-project{margin-top:28px;padding:20px 0;border-top:1px solid var(--ag33-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.ag33-external-project small{display:block;color:var(--ag33-muted);font-size:10px;margin-bottom:4px}.ag33-external-project strong{font-size:13px}.ag33-external-project a{color:var(--ag33-text);font-size:12px;font-weight:900;text-decoration:none;border-bottom:1px solid var(--ag33-line-strong);padding-bottom:3px}
.ag33-tech-line{background:var(--ag33-ink);color:var(--ag33-paper)}.ag33-tech-line__inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.ag33-tech-line__inner>span{font-size:12px;color:#BDB9B0}.ag33-tech-line__inner>div{display:flex;gap:0;flex-wrap:wrap}.ag33-tech-line__inner b{font-size:12px;padding:4px 17px;border-inline-start:1px solid rgba(255,255,255,.15)}.ag33-tech-line__inner b:last-child{border-inline-end:1px solid rgba(255,255,255,.15)}
.ag33-more-work{background:var(--ag33-paper-2)}.ag33-work-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:14px}.ag33-work-tile{position:relative;overflow:hidden;border-radius:12px;background:#17191A;color:#fff;text-decoration:none;box-shadow:0 10px 32px rgba(0,0,0,.08)}.ag33-work-tile--1{grid-column:span 7;grid-row:span 3}.ag33-work-tile--2{grid-column:span 5;grid-row:span 2}.ag33-work-tile--3{grid-column:span 5;grid-row:span 2}.ag33-work-tile--4{grid-column:span 6;grid-row:span 2}.ag33-work-tile--5{grid-column:span 6;grid-row:span 2}.ag33-work-tile__media{position:absolute;inset:0}.ag33-work-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.ag33-work-tile:hover img{transform:scale(1.035)}.ag33-work-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.88))}.ag33-work-tile__body{position:absolute;z-index:2;inset-inline:22px;bottom:20px}.ag33-work-tile__body small{font-size:9px;color:var(--ag33-solar);font-weight:850}.ag33-work-tile__body h3{margin:6px 0 0;font-size:21px;line-height:1.35;max-width:520px}.ag33-work-tile__body>span{position:absolute;left:0;bottom:2px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--ag33-solar);color:var(--ag33-ink);font-weight:950;transition:transform .2s}.ag33-work-tile:hover .ag33-work-tile__body>span{transform:translateX(-4px)}

/* System: keep the successful V3.2 core and replace article tail with portfolio work */
.ag33-system-work{background:var(--ag33-paper-2)}.ag33-system-work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;gap:14px}.ag33-system-work-card{position:relative;overflow:hidden;border-radius:12px;background:#181A1B;color:#fff;text-decoration:none}.ag33-system-work-card--1,.ag33-system-work-card--4{grid-column:span 7;grid-row:span 3}.ag33-system-work-card--2,.ag33-system-work-card--3,.ag33-system-work-card--5,.ag33-system-work-card--6{grid-column:span 5;grid-row:span 2}.ag33-system-work-card__media{position:absolute;inset:0}.ag33-system-work-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.ag33-system-work-card:hover img{transform:scale(1.035)}.ag33-system-work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 28%,rgba(0,0,0,.9))}.ag33-system-work-card__body{position:absolute;z-index:2;inset-inline:22px;bottom:20px}.ag33-system-work-card__body small{color:var(--ag33-solar);font-size:9px}.ag33-system-work-card__body h3{margin:6px 0 6px;font-size:21px;line-height:1.4;max-width:560px}.ag33-system-work-card__body p{margin:0 0 10px;max-width:520px;color:#C7C3BA;font-size:10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag33-system-work-card__body span{font-size:10px;color:var(--ag33-solar);font-weight:900}

/* Article detail — full cover, right-led reading flow, compact outline */
.ag33-article-hero{padding:52px 0 58px;background:var(--ag33-paper-2);color:var(--ag33-text);direction:rtl;text-align:right}.ag33-article-heading{max-width:980px;margin-inline-end:auto;padding:8px 0 36px}.ag33-article-heading h1{margin:11px 0 13px;max-width:900px;font-size:clamp(40px,4.7vw,60px);line-height:1.2;letter-spacing:-.035em;font-weight:950}.ag33-article-heading p{margin:0;max-width:760px;color:var(--ag33-muted);font-size:15px;line-height:1.9}.ag33-article-meta{display:flex;align-items:center;gap:11px;margin-top:18px;color:#817B70;font-size:10px}.ag33-article-meta i{width:4px;height:4px;border-radius:50%;background:var(--ag33-solar)}
.ag33-article-cover{margin:0}.ag33-article-cover>div{width:100%;min-height:260px;max-height:760px;background:#E9E5DB;border:1px solid var(--ag33-line);border-radius:14px;overflow:hidden;display:grid;place-items:center;padding:0}.ag33-article-cover img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;object-position:center}
.ag33-article-body{padding:82px 0 104px;background:var(--ag33-white);direction:rtl;text-align:right}.ag33-article-reading{width:min(100%,900px);margin-inline-end:auto;margin-inline-start:0}.ag33-article-outline{padding:0 0 28px;margin:0 0 48px;border-bottom:1px solid var(--ag33-line);display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:end}.ag33-article-outline>div p{margin:7px 0 0;color:var(--ag33-muted);font-size:10px;line-height:1.6}.ag33-article-outline nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.ag33-article-outline a{display:inline-flex;padding:7px 10px;border:1px solid #D8D2C7;border-radius:7px;background:#F8F6F0;color:#4B4741;text-decoration:none;font-size:10px;font-weight:850;transition:border-color .18s,background .18s}.ag33-article-outline a:hover,.ag33-article-outline a.is-active{border-color:#B99A1D;background:rgba(243,198,0,.09);color:var(--ag33-ink)}
.ag33-article-content{max-width:820px;margin-inline-end:0;margin-inline-start:auto;color:#2B2A27;font-size:17px;line-height:2.05;overflow-wrap:anywhere}.ag33-article-content>*:first-child{margin-top:0}.ag33-article-content p{margin:0 0 24px}.ag33-article-content h2{margin:58px 0 18px;font-size:31px;line-height:1.45;color:var(--ag33-ink);font-weight:950;letter-spacing:-.015em;scroll-margin-top:120px}.ag33-article-content h3{margin:40px 0 15px;font-size:23px;line-height:1.5;color:var(--ag33-ink);font-weight:900;scroll-margin-top:120px}.ag33-article-content h2::before{content:"";display:block;width:36px;height:3px;background:var(--ag33-solar);margin-bottom:12px}.ag33-article-content ul,.ag33-article-content ol{margin:14px 0 28px;padding-inline-start:24px}.ag33-article-content li{margin:8px 0}.ag33-article-content a{color:#7E6700;text-decoration-thickness:1px;text-underline-offset:3px}.ag33-article-content blockquote{margin:44px 0;padding:28px 28px 28px 32px;border-inline-start:4px solid var(--ag33-solar);background:var(--ag33-paper-2);font-size:20px;line-height:1.85;font-weight:750}.ag33-article-content img{display:block;max-width:100%;height:auto;margin:38px 0;border-radius:10px}.ag33-article-content table{width:100%;border-collapse:collapse;margin:36px 0;font-size:14px}.ag33-article-content th,.ag33-article-content td{padding:12px;border-bottom:1px solid var(--ag33-line);text-align:right}.ag33-article-content th{background:var(--ag33-paper);font-weight:900}
.ag33-related-articles{background:var(--ag33-paper)}.ag33-reading-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:14px}.ag33-reading-card{position:relative;overflow:hidden;border-radius:12px;background:#17191A;color:#fff;text-decoration:none}.ag33-reading-card--1{grid-column:span 7;grid-row:span 3}.ag33-reading-card--2{grid-column:span 5;grid-row:span 2}.ag33-reading-card--3,.ag33-reading-card--4{grid-column:span 5;grid-row:span 2}.ag33-reading-card--3{grid-column:span 6}.ag33-reading-card--4{grid-column:span 6}.ag33-reading-card__media{position:absolute;inset:0}.ag33-reading-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.ag33-reading-card:hover img{transform:scale(1.035)}.ag33-reading-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(0,0,0,.91))}.ag33-reading-card__body{position:absolute;z-index:2;inset-inline:23px;bottom:21px}.ag33-reading-card__body small{font-size:9px;color:var(--ag33-solar)}.ag33-reading-card__body h3{margin:6px 0 7px;font-size:21px;line-height:1.42;max-width:590px}.ag33-reading-card__body p{margin:0 0 11px;color:#C6C2BA;font-size:10px;line-height:1.6;max-width:560px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag33-reading-card__body span{color:var(--ag33-solar);font-size:10px;font-weight:900}

/* Blog index — quiet editorial hierarchy */
.ag33-blog{padding:64px 0 104px;background:var(--ag33-paper-2);color:var(--ag33-text);direction:rtl;text-align:right}.ag33-blog-heading{max-width:880px;margin-inline-end:auto;padding-bottom:48px}.ag33-blog-heading h1{margin:11px 0 12px;font-size:clamp(40px,4.8vw,60px);line-height:1.18;letter-spacing:-.035em;font-weight:950}.ag33-blog-heading p{margin:0;max-width:720px;color:var(--ag33-muted);font-size:15px;line-height:1.9}
.ag33-blog-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);min-height:500px;background:var(--ag33-white);border:1px solid var(--ag33-line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ag33-text);box-shadow:var(--ag33-shadow)}.ag33-blog-feature__media{background:#EAE6DC;display:grid;place-items:center;overflow:hidden}.ag33-blog-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.ag33-blog-feature:hover img{transform:scale(1.025)}.ag33-blog-feature__body{padding:45px;display:flex;flex-direction:column;justify-content:flex-end}.ag33-blog-feature__body small,.ag33-blog-card__body small{color:#8A7000;font-size:9px;font-weight:850}.ag33-blog-feature__body h2{margin:9px 0 12px;font-size:32px;line-height:1.4}.ag33-blog-feature__body p{margin:0 0 20px;color:var(--ag33-muted);font-size:12px;line-height:1.8}.ag33-blog-feature__body span{font-size:11px;font-weight:900;color:#806800}
.ag33-blog-list{padding-top:88px}.ag33-blog-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.ag33-blog-card{grid-column:span 4;background:var(--ag33-white);border:1px solid var(--ag33-line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ag33-text);transition:transform .2s,box-shadow .2s}.ag33-blog-card:nth-child(5n+1){grid-column:span 7}.ag33-blog-card:nth-child(5n+2){grid-column:span 5}.ag33-blog-card:hover{transform:translateY(-3px);box-shadow:var(--ag33-shadow)}.ag33-blog-card__media{aspect-ratio:16/10;background:#EAE6DC;overflow:hidden}.ag33-blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.ag33-blog-card:hover img{transform:scale(1.03)}.ag33-blog-card__body{padding:22px 21px 24px}.ag33-blog-card__body h3{margin:7px 0 8px;font-size:19px;line-height:1.5}.ag33-blog-card__body p{margin:0 0 15px;color:var(--ag33-muted);font-size:10px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag33-blog-card__body>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(243,198,0,.18);color:#705C00;font-weight:950;margin-inline-start:auto}

/* Small polish over the successful system page */
.ag32-system-hero{background:#111314}.ag32-system-plans{background:var(--ag33-paper)}.ag32-plan-card{border-radius:12px}.ag32-system-gallery__grid{gap:16px}

@media (max-width:1100px){
 .ag33-request-process{grid-template-columns:1fr;gap:32px}.ag33-request-process__steps{grid-template-columns:repeat(2,1fr)}.ag33-request-process__steps article:nth-child(3){border-inline-start:0;border-top:1px solid var(--ag33-line)}.ag33-request-process__steps article:nth-child(4){border-top:1px solid var(--ag33-line)}
 .ag33-form-heading{grid-template-columns:1fr}.ag33-field-grid--3{grid-template-columns:repeat(2,1fr)}.ag33-field-grid--3 .ag33-field:last-child{grid-column:1/-1}
 .ag33-system-work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:300px}.ag33-system-work-card--1,.ag33-system-work-card--2,.ag33-system-work-card--3,.ag33-system-work-card--4,.ag33-system-work-card--5,.ag33-system-work-card--6{grid-column:auto;grid-row:auto}
 .ag33-blog-feature{grid-template-columns:1.15fr .85fr}.ag33-blog-grid{grid-template-columns:repeat(2,1fr)}.ag33-blog-card,.ag33-blog-card:nth-child(5n+1),.ag33-blog-card:nth-child(5n+2){grid-column:auto}
}
@media (max-width:900px){
 .ag33-section{padding:74px 0}.ag33-editorial-heading--row{display:block}.ag33-editorial-heading--row .ag33-inline-link{margin-top:18px}
 .ag33-fact-rail{grid-template-columns:repeat(2,1fr)}.ag33-fact-rail>div:nth-child(3){border-inline-start:0;border-top:1px solid var(--ag33-line);padding-top:17px}.ag33-fact-rail>div:nth-child(4){border-top:1px solid var(--ag33-line);padding-top:17px}
 .ag33-story-item--1,.ag33-story-item--2,.ag33-story-item--3,.ag33-story-item--4{grid-column:span 12}.ag33-work-conversation{align-items:flex-start;flex-direction:column}
 .ag33-work-mosaic,.ag33-reading-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:300px}.ag33-work-tile--1,.ag33-work-tile--2,.ag33-work-tile--3,.ag33-work-tile--4,.ag33-work-tile--5,.ag33-reading-card--1,.ag33-reading-card--2,.ag33-reading-card--3,.ag33-reading-card--4{grid-column:auto;grid-row:auto}
 .ag33-article-outline{grid-template-columns:1fr;gap:18px}.ag33-article-outline nav{justify-content:flex-start}
 .ag33-blog-feature{grid-template-columns:1fr}.ag33-blog-feature__media{height:380px}
}
@media (max-width:650px){
 .ag33-section{padding:58px 0}.ag33-topline{margin-bottom:25px}.ag33-request{padding:40px 0 72px}.ag33-request-hero{padding-bottom:38px}.ag33-request-hero h1,.ag33-work-heading h1,.ag33-article-heading h1,.ag33-blog-heading h1{font-size:36px}.ag33-request-hero p,.ag33-work-heading p,.ag33-article-heading p,.ag33-blog-heading p{font-size:14px}
 .ag33-request-process{padding:42px 0 48px}.ag33-request-process__steps{grid-template-columns:1fr 1fr}.ag33-request-process__steps article{min-height:145px;padding:18px 14px}.ag33-request-form-shell{margin-top:48px;border-radius:11px}.ag33-form-heading,.ag33-form{padding-left:20px;padding-right:20px}.ag33-context,.ag33-errors{margin-left:20px;margin-right:20px}.ag33-form-progress{overflow:auto;padding-bottom:3px}.ag33-field-grid--2,.ag33-field-grid--3{grid-template-columns:1fr}.ag33-field-grid--3 .ag33-field:last-child{grid-column:auto}.ag33-form-section__head{grid-template-columns:38px 1fr}.ag33-after-send__title{display:block}.ag33-after-send__title h3{margin-top:7px}.ag33-after-send__steps{grid-template-columns:1fr;gap:10px}.ag33-after-send__steps>i{width:1px;height:18px;margin-inline-start:15px}.ag33-submit-row{display:grid}.ag33-submit{width:100%}
 .ag33-work-cover__canvas{min-height:220px}.ag33-work-cover figcaption{align-items:flex-start;flex-direction:column;gap:4px}.ag33-fact-rail{grid-template-columns:1fr}.ag33-fact-rail>div{border-inline-start:0!important;border-top:1px solid var(--ag33-line);padding:12px 4px}.ag33-fact-rail>div:first-child{border-top:0}.ag33-story-item{min-height:0;padding:20px}.ag33-story-item b{margin-bottom:20px}.ag33-phone-gallery{min-height:auto;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px 4px 20px;gap:18px}.ag33-phone{flex:0 0 80%;transform:none!important;scroll-snap-align:center}.ag33-phone__shell{width:100%;max-width:300px;margin:auto;border-radius:41px}.ag33-phone__screen{border-radius:32px}.ag33-browser.is-secondary{grid-column:span 12}.ag33-external-project,.ag33-tech-line__inner{align-items:flex-start;flex-direction:column;padding:22px 0}.ag33-tech-line__inner>div{gap:6px}.ag33-tech-line__inner b{border:1px solid rgba(255,255,255,.14)!important;padding:7px 9px;border-radius:6px}.ag33-work-mosaic,.ag33-reading-grid,.ag33-system-work-grid{grid-template-columns:1fr;grid-auto-rows:310px}.ag33-work-tile__body h3,.ag33-reading-card__body h3,.ag33-system-work-card__body h3{font-size:18px}
 .ag33-article-hero{padding:40px 0 45px}.ag33-article-cover>div{min-height:200px}.ag33-article-body{padding:58px 0 75px}.ag33-article-outline{margin-bottom:38px}.ag33-article-outline nav{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.ag33-article-outline a{flex:0 0 auto}.ag33-article-content{font-size:16px;line-height:1.95}.ag33-article-content h2{font-size:27px;margin-top:48px}.ag33-article-content h3{font-size:21px}.ag33-article-content blockquote{margin:34px 0;padding:22px;font-size:18px}
 .ag33-blog{padding:48px 0 75px}.ag33-blog-heading{padding-bottom:36px}.ag33-blog-feature__media{height:260px}.ag33-blog-feature__body{padding:26px}.ag33-blog-feature__body h2{font-size:24px}.ag33-blog-list{padding-top:64px}.ag33-blog-grid{grid-template-columns:1fr}
}