/* ============================================================
   e.css  -  RELEASE E: the premium layer (2026-09-25)
   Loaded after styles.css, only on pages built with release E.
   Idea: "the load plate". Every forklift carries a steel data
   plate and a load-centre chart; this layer borrows that quiet,
   engineered language: small stamped labels, hairline rules with
   tick marks, one orange tick at the centre, deep layered photos.
   Rules: subtle, never busy; motion only when the visitor has not
   asked for less motion; nothing moves on small phones.
   ============================================================ */
:root{
  --e-bg:#F5F4F1;          /* warm paper */
  --e-paper:#FFFFFF;
  --e-ink:#16212C;
  --e-ink-2:#4A5562;
  --e-mute:#8A929B;
  --e-line:#E6E2DA;
  --e-line-2:#D5D0C6;
  --e-steel:#0C1015;
  --e-steel-2:#131920;
  --e-steel-line:rgba(255,255,255,.09);
  --e-orange:#FF6A2C;
  --e-orange-2:#FF8746;
  --e-orange-soft:#FFF0E7;
  --e-r:18px; --e-r-sm:12px;
  --e-sh:0 1px 0 rgba(22,33,44,.04),0 18px 44px -30px rgba(22,33,44,.40);
  --e-sh-lg:0 2px 0 rgba(22,33,44,.04),0 44px 90px -50px rgba(22,33,44,.60);
  --e-ease:cubic-bezier(.16,1,.3,1);
}
body.e{background:var(--e-bg);color:var(--e-ink);}
.e .section{padding:clamp(64px,8vw,116px) 0;}
.e .section-title{letter-spacing:-.028em;}

/* ---------- stamped label (eyebrow) ---------- */
.e .eyebrow{font-size:11.5px;letter-spacing:.2em;gap:10px;color:var(--orange-800);}
.e .eyebrow::before{width:7px;height:7px;border-radius:2px;background:var(--e-orange);box-shadow:0 0 0 3px var(--e-orange-soft);}
.e .hero .eyebrow::before,.e .e-dark .eyebrow::before{box-shadow:0 0 0 3px rgba(255,106,44,.22);}

/* ---------- section head with the load-centre ruler ---------- */
.e-shead{max-width:760px;margin:0 auto clamp(34px,5vw,54px);text-align:center;}
.e-shead--left{margin-left:0;text-align:left;}
.e-shead .section-lead{margin-top:10px;}
.e-shead--left .section-lead{margin-left:0;}
.e-ruler{display:block;height:12px;width:168px;margin:20px auto 0;
  background:
    linear-gradient(var(--e-orange),var(--e-orange)) 50% 100%/2px 12px no-repeat,
    repeating-linear-gradient(90deg,var(--e-line-2) 0 1px,transparent 1px 12px) 0 100%/100% 6px no-repeat,
    linear-gradient(var(--e-line-2),var(--e-line-2)) 0 100%/100% 1px no-repeat;}
.e-shead--left .e-ruler{margin-left:0;}
.e-dark .e-ruler{background:
    linear-gradient(var(--e-orange),var(--e-orange)) 50% 100%/2px 12px no-repeat,
    repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 12px) 0 100%/100% 6px no-repeat,
    linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)) 0 100%/100% 1px no-repeat;}

/* ---------- header ---------- */
.e .site-header{background:rgba(245,244,241,.78);border-bottom-color:transparent;transition:background .3s var(--e-ease),box-shadow .3s var(--e-ease),border-color .3s;}
.e .site-header.is-scrolled{background:rgba(255,255,255,.92);border-bottom-color:var(--e-line);box-shadow:0 10px 30px -24px rgba(22,33,44,.5);}
.e .nav{height:70px;}
.e .nav__links a{font-size:14.5px;}

/* ---------- dark bands ---------- */
.e-dark{background:var(--e-steel);color:#E8EDF2;position:relative;overflow:hidden;isolation:isolate;}
.e-dark h1,.e-dark h2,.e-dark h3{color:#fff;}
.e-dark .section-lead,.e-dark p{color:#AAB4BE;}
.e-dark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--e-steel-line) 1px,transparent 1px),linear-gradient(90deg,var(--e-steel-line) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(90% 80% at 50% 0%,#000 25%,transparent 80%);mask-image:radial-gradient(90% 80% at 50% 0%,#000 25%,transparent 80%);}

/* ---------- layered hero ---------- */
.e-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--e-steel);color:#fff;}
.e-hero__photo{position:absolute;inset:-9% 0 -9% 0;z-index:-3;}
.e-hero__photo img{width:100%;height:100%;object-fit:cover;}
.e-hero__shade{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(90deg,rgba(12,16,21,.95) 0%,rgba(12,16,21,.86) 32%,rgba(12,16,21,.5) 62%,rgba(12,16,21,.35) 100%),
  linear-gradient(180deg,rgba(12,16,21,0) 60%,rgba(12,16,21,.7) 100%),
  radial-gradient(90% 90% at 100% 0%,rgba(255,106,44,.20),rgba(255,106,44,0) 60%);}
@media (max-width:880px){.e-hero__shade{background:linear-gradient(180deg,rgba(12,16,21,.84),rgba(12,16,21,.94));}}
.e-hero__grid{position:absolute;inset:-10% 0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:72px 72px;-webkit-mask-image:radial-gradient(110% 85% at 40% 10%,#000 20%,transparent 78%);mask-image:radial-gradient(110% 85% at 40% 10%,#000 20%,transparent 78%);}
/* two mast rails with tick marks, the quiet signature */
.e-rails{position:absolute;top:0;bottom:0;z-index:-1;pointer-events:none;width:14px;
  background:
    linear-gradient(rgba(255,106,44,.55),rgba(255,106,44,.55)) 0 0/1px 100% no-repeat,
    repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 1px,transparent 1px 28px) 1px 0/7px 100% no-repeat;}
.e-rails--l{left:max(18px,calc(50% - 640px));}
.e-rails--r{right:max(18px,calc(50% - 640px));transform:scaleX(-1);}
@media (max-width:1100px){.e-rails{display:none;}}
.e-hero .hero__inner{position:relative;}
/* Home hero, 2026-09-28 (Inam): the quote card a little wider and less tall, and the photo sized
   on its own, not to the section. Before, switching the form to Buy made the section taller, the
   photo rescaled to fill it, and the background visibly jumped. Now a taller form only uncovers
   more of the dark fade at the bottom; the photo itself never moves. */
.e-hero.hero .e-hero__photo{inset:auto;left:0;right:0;top:-100px;height:max(112vh,1080px);
  -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%);}
@media (min-width:881px){
  .e-hero.hero .hero__inner{grid-template-columns:minmax(0,1fr) clamp(400px,42vw,548px);gap:clamp(32px,4vw,56px);
    padding:clamp(48px,6vw,84px) 0 clamp(44px,6vw,76px);}
  .e-hero.hero h1{font-size:clamp(34px,3.9vw,48px);}
}
@media (max-width:880px){
  .e-hero.hero .e-hero__photo{top:0;height:980px;}
}
.e-hero .hero__form-card{padding:clamp(20px,2.4vw,26px) clamp(20px,2.6vw,28px);}
.e-hero .hero__form-card h3{margin-bottom:2px;}
.e-hero .hero__form-card p{margin-bottom:12px;}
.e-hero .hero__form-card .e-seg{margin-bottom:12px;}
.e-hero .hero__form-card .form-grid{gap:12px;}
.e-hero .hero__form-card .field{gap:5px;}
.e-hero .hero__form-card .field input,.e-hero .hero__form-card .field select{height:44px;}
.e-hero .hero__form-card .field textarea{min-height:78px;}
.e-hero .hero__form-card .btn--lg{height:52px;}

/* ---------- segmented control (Rent / Buy, In Pakistan / Outside) ---------- */
.e-seg{display:flex;gap:4px;padding:4px;margin:0 0 16px;border:1px solid var(--e-line-2);border-radius:12px;background:#F3F1EC;}
.e-seg legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.e-seg label{flex:1;position:relative;cursor:pointer;}
.e-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.e-seg span{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:9px;font-weight:600;font-size:14.5px;color:var(--e-ink-2);transition:background .2s,color .2s,box-shadow .2s;}
.e-seg input:checked+span{background:#fff;color:var(--e-ink);box-shadow:0 1px 0 rgba(22,33,44,.06),0 6px 16px -10px rgba(22,33,44,.45);}
.e-seg input:focus-visible+span{box-shadow:0 0 0 3px rgba(255,106,44,.45);}
.e-seg--small span{height:40px;font-size:14px;}
.e-seg-label{display:block;font-weight:600;font-size:13.5px;color:var(--ink-800);margin:0 0 6px;}
fieldset.e-seg{min-width:0;}
.e-group[hidden]{display:none!important;}

/* ---------- route cards (Rent / Buy) ---------- */
.e-routes{padding:clamp(28px,4vw,48px) 0 0;}
.e-routes__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.e-route{position:relative;display:block;border-radius:var(--e-r);overflow:hidden;min-height:340px;color:#fff;isolation:isolate;box-shadow:var(--e-sh);text-decoration:none;}
.e-route img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--e-ease);}
.e-route::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,16,21,.05) 25%,rgba(12,16,21,.82) 100%);}
.e-route:hover img{transform:scale(1.045);}
.e-route__b{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;}
.e-route__k{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;padding:5px 10px;border-radius:6px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);margin-bottom:12px;}
.e-route h2{font-size:clamp(24px,3vw,32px);margin:0 0 6px;color:#fff;}
.e-route p{margin:0 0 14px;color:rgba(255,255,255,.82);max-width:46ch;font-size:15px;}
.e-route__cta{font-weight:700;color:var(--e-orange-2);}
.e-route:hover .e-route__cta{color:#fff;}
@media (max-width:720px){
  .e-routes__grid{grid-template-columns:1fr 1fr;gap:10px;}
  .e-route{min-height:200px;border-radius:14px;}
  .e-route__b{padding:14px;}
  .e-route h2{font-size:18px;}
  .e-route p{display:none;}
  .e-route__k{font-size:9.5px;margin-bottom:6px;padding:3px 7px;}
  .e-route__cta{font-size:13px;}
}

/* ---------- image cards ---------- */
.e-cards{display:grid;gap:22px;grid-template-columns:repeat(4,1fr);}
.e-cards--3{grid-template-columns:repeat(3,1fr);}
@media (max-width:1000px){.e-cards{grid-template-columns:repeat(3,1fr);}}
@media (max-width:820px){.e-cards,.e-cards--3{grid-template-columns:repeat(2,1fr);gap:14px;}}
.e-card{position:relative;display:flex;flex-direction:column;background:var(--e-paper);border:1px solid var(--e-line);border-radius:var(--e-r);overflow:hidden;box-shadow:var(--e-sh);color:inherit;text-decoration:none;transition:transform .5s var(--e-ease),box-shadow .5s var(--e-ease);}
a.e-card:hover{transform:translateY(-4px);box-shadow:var(--e-sh-lg);color:inherit;}
.e-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#E9E6DF;}
.e-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e-ease);}
a.e-card:hover .e-card__media img{transform:scale(1.05);}
.e-card__b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.e-card h3{font-size:18px;margin:0;letter-spacing:-.015em;}
.e-card p{font-size:14px;color:var(--e-ink-2);margin:0;line-height:1.55;}
.e-card__meta{margin-top:auto;padding-top:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-800);font-weight:700;}
.e-card__icon{display:flex;align-items:center;justify-content:center;height:100%;color:var(--e-orange);background:linear-gradient(135deg,#FBF7F1,#EFEAE1);}
.e-card__icon svg{width:56px;height:56px;}
.e-card--accent{background:linear-gradient(160deg,#FFF6F0,#FFFFFF 60%);}
@media (max-width:600px){
  .e-card__b{padding:12px 13px 14px;gap:5px;}
  .e-card h3{font-size:15px;}
  .e-card p{font-size:12.5px;line-height:1.45;}
  .e-card__meta{font-size:9.5px;}
}

/* ---------- one badge style (tags) ---------- */
.e-tags{display:flex;flex-wrap:wrap;gap:6px;}
.e-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--e-ink-2);background:#F2F0EB;border:1px solid var(--e-line);padding:4px 9px;border-radius:6px;}
.e-dark .e-tag,.e-bhero .e-tag{color:#D9E0E7;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);}

/* ---------- horizontal rails on phones (short pages) ---------- */
@media (max-width:720px){
  .e-rail{display:grid;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--gutter) 14px;margin-inline:calc(-1 * var(--gutter));scrollbar-width:none;}
  .e-rail::-webkit-scrollbar{display:none;}
  .e-rail>*{scroll-snap-align:start;}
}

/* ---------- sales and brand hero with a layered photo stack ---------- */
.e-shero{padding:clamp(40px,6vw,84px) 0 clamp(44px,6vw,84px);}
.e-shero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;}
@media (max-width:900px){.e-shero__grid{grid-template-columns:1fr;}}
.e-shero__grid>*{min-width:0;}
@media (max-width:600px){
  .e-shero .hero__cta,.e-bhero .hero__cta{flex-wrap:wrap;}
  .e-shero .hero__cta .btn,.e-bhero .hero__cta .btn{flex:1 1 100%;}
}
/* wide data tables scroll inside their own box on small screens */
.e .prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media (min-width:821px){.e .prose table{display:table;}}
.e-shero h1{font-size:clamp(32px,5vw,56px);line-height:1.04;margin:.2em 0 .35em;color:#fff;letter-spacing:-.03em;}
.e-shero h1 .hl{color:var(--e-orange-2);}
.e-shero p.lede{font-size:clamp(16px,1.8vw,18px);color:#B7C0CA;max-width:58ch;}
.e-shero .hero__cta{margin-top:24px;}
.e-stack{position:relative;height:clamp(300px,34vw,440px);}
.e-stack__i{position:absolute;border-radius:16px;overflow:hidden;background:#20262E;box-shadow:0 30px 70px -30px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.08);}
.e-stack__i img{width:100%;height:100%;object-fit:cover;}
.e-stack__i--1{inset:0 22% 18% 0;z-index:3;}
.e-stack__i--2{inset:22% 0 0 38%;z-index:2;}
.e-stack__i--3{inset:6% 6% 44% 58%;z-index:1;opacity:.85;}
.e-stack__plate{position:absolute;left:0;bottom:0;z-index:4;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(12,16,21,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:10px;}
.e-stack__plate b{color:var(--e-orange-2);}
@media (max-width:900px){.e-stack{height:260px;margin-top:6px;}}
.e-trustrow{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);}
.e-trustrow span{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#E6ECF1;font-weight:500;}
.e-trustrow svg{width:17px;height:17px;color:var(--e-orange-2);}

/* ---------- steps timeline ---------- */
.e-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;counter-reset:s;}
.e-steps::before{content:"";position:absolute;left:0;right:0;top:19px;height:1px;background:linear-gradient(90deg,rgba(255,106,44,.8),rgba(255,255,255,.14));}
.e-step{position:relative;padding-top:52px;}
.e-step__n{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:14px;background:var(--e-steel-2);border:1px solid rgba(255,106,44,.6);color:var(--e-orange-2);}
.e-step h3{font-size:18px;margin:0 0 6px;}
.e-step p{font-size:14.5px;margin:0;line-height:1.55;}
.e-light .e-steps::before{background:linear-gradient(90deg,var(--e-orange),var(--e-line-2));}
.e-light .e-step__n{background:#fff;}
.e-light .e-step p{color:var(--e-ink-2);}
@media (max-width:820px){.e-steps{grid-template-columns:1fr 1fr;gap:26px 16px;}.e-steps::before{display:none;}.e-step{padding-top:50px;}}

/* ---------- fold-out guide sections (content stays on the page) ---------- */
.e-drawers{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.e-drawer{background:var(--e-paper);border:1px solid var(--e-line);border-radius:var(--e-r);box-shadow:var(--e-sh);overflow:hidden;}
.e-drawer>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr 28px;gap:16px;align-items:center;padding:20px 24px;}
.e-drawer>summary::-webkit-details-marker{display:none;}
.e-drawer__n{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:13px;color:var(--orange-800);background:var(--e-orange-soft);}
.e-drawer summary h2{font-size:clamp(18px,2.2vw,22px);margin:0;letter-spacing:-.02em;}
.e-drawer summary p{margin:3px 0 0;font-size:14px;color:var(--e-ink-2);}
.e-drawer__x{width:28px;height:28px;border-radius:50%;border:1px solid var(--e-line-2);position:relative;transition:transform .35s var(--e-ease),background .2s;}
.e-drawer__x::before,.e-drawer__x::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;background:var(--e-ink);transform:translate(-50%,-50%);}
.e-drawer__x::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s var(--e-ease);}
.e-drawer[open] .e-drawer__x{background:var(--e-orange-soft);border-color:transparent;}
.e-drawer[open] .e-drawer__x::after{transform:translate(-50%,-50%) rotate(0deg);}
.e-drawer__body{padding:0 24px 24px 84px;}
.e-drawer__body p,.e-drawer__body li{font-size:15.5px;color:var(--ink-700);line-height:1.7;}
@media (max-width:600px){
  .e-drawer>summary{grid-template-columns:36px 1fr 26px;gap:12px;padding:16px;}
  .e-drawer__n{width:36px;height:36px;font-size:12px;}
  .e-drawer__body{padding:0 16px 18px;}
  .e-drawer summary p{display:none;}
}

/* ---------- parts gallery (brand pages) ---------- */
.e-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.e-parts figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#E9E6DF;aspect-ratio:1/1;}
.e-parts figure:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;}
.e-parts img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e-ease);}
.e-parts figure:hover img{transform:scale(1.05);}
.e-parts figcaption{position:absolute;left:10px;bottom:10px;right:10px;font-size:12.5px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6);}
.e-parts figure::after{content:"";position:absolute;inset:50% 0 0 0;background:linear-gradient(180deg,rgba(12,16,21,0),rgba(12,16,21,.6));pointer-events:none;}
.e-parts figcaption{z-index:1;}
.e-parts .ld2{grid-column:span 2;aspect-ratio:2/1;}
.e-parts .ld3{grid-column:span 3;aspect-ratio:3/1;}
.e-parts .ld4{grid-column:span 4;aspect-ratio:4/1;}
@media (max-width:820px){
  .e-parts{grid-template-columns:repeat(2,1fr);gap:10px;}
  .e-parts figure:first-child{grid-row:auto;aspect-ratio:4/3;}
  .e-parts .ld2,.e-parts .ld3,.e-parts .ld4{grid-column:auto;aspect-ratio:1/1;}
  .e-parts .lm{grid-column:span 2;aspect-ratio:2/1;}
}
.e-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;min-height:120px;border:1.5px dashed #C9C2B5;border-radius:14px;color:#8C8475;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:10px;background:repeating-linear-gradient(135deg,#F1EEE8 0 10px,#ECE8E0 10px 20px);}
.e-slot b{color:var(--orange-800);font-size:12px;}

/* ---------- data plate facts ---------- */
.e-plate{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border:1px solid var(--e-line-2);border-radius:14px;overflow:hidden;background:var(--e-paper);box-shadow:var(--e-sh);}
.e-plate div{padding:14px 16px;border-right:1px solid var(--e-line);border-bottom:1px solid var(--e-line);}
.e-plate b{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--e-mute);margin-bottom:5px;font-weight:700;}
.e-plate span{font-weight:600;font-size:14.5px;color:var(--e-ink);line-height:1.45;}

/* ---------- brand page hero ---------- */
.e-bhero{padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,72px);}
.e-bhero .crumb{margin-bottom:20px;}
.e-bhero__frame{position:relative;border-radius:20px;overflow:hidden;background:#20262E;aspect-ratio:4/3;box-shadow:0 40px 90px -40px rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.08);}
.e-bhero__frame img{width:100%;height:112%;object-fit:cover;}
.e-bhero__note{font-size:12.5px;color:#8E99A4;margin:10px 2px 0;}

/* ---------- checks grid ---------- */
.e-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.e-check{background:var(--e-paper);border:1px solid var(--e-line);border-radius:14px;padding:18px;}
.e-check svg{width:22px;height:22px;color:var(--success-600);margin-bottom:8px;}
.e-check b{display:block;font-size:15px;margin-bottom:4px;color:var(--e-ink);}
.e-check span{font-size:13.5px;color:var(--e-ink-2);line-height:1.5;}
@media (max-width:900px){.e-checks{grid-template-columns:1fr 1fr;}}

/* ---------- enquiry panel ---------- */
.e-enquire{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start;}
@media (max-width:900px){.e-enquire{grid-template-columns:1fr;}}
.e-side{background:var(--e-steel);color:#DCE3E9;border-radius:var(--e-r);padding:26px;position:sticky;top:94px;overflow:hidden;isolation:isolate;}
.e-side::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 100% 0%,rgba(255,106,44,.22),rgba(255,106,44,0) 60%);}
.e-side h3{color:#fff;font-size:19px;margin:0 0 6px;}
.e-side p{font-size:14px;color:#AAB4BE;}
.e-side ul{margin:14px 0 18px;display:flex;flex-direction:column;gap:10px;}
.e-side li{display:flex;gap:10px;font-size:14px;align-items:flex-start;}
.e-side li svg{width:18px;height:18px;color:var(--e-orange-2);flex:none;margin-top:2px;}
.e-side .btn{width:100%;margin-top:10px;}
@media (max-width:900px){.e-side{position:relative;top:auto;}}

/* ---------- stock listings first ---------- */
.e-stock{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;}
.e-listing{position:relative;display:grid;grid-template-columns:1fr;background:var(--e-paper);border:1px solid var(--e-line);border-radius:var(--e-r);overflow:hidden;box-shadow:var(--e-sh-lg);color:inherit;}
.e-listing__media{position:relative;aspect-ratio:16/10;background:#E9E6DF;overflow:hidden;}
.e-listing__media img{width:100%;height:100%;object-fit:cover;}
.e-listing__flag{position:absolute;top:14px;left:14px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;padding:6px 10px;border-radius:7px;background:var(--e-orange);color:#16212C;}
.e-listing__b{padding:18px 20px 20px;}
.e-listing h3{font-size:20px;margin:0 0 10px;}
.e-listing ul{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;}
.e-listing li{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:7px;background:#F2F0EB;border:1px solid var(--e-line);}
.e-preview-ribbon{position:absolute;top:14px;right:-38px;transform:rotate(35deg);background:#16212C;color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;padding:5px 44px;z-index:2;}

/* ---------- figure inside a drawer ---------- */
.e .prose figure img,.e .e-drawer figure img{border-radius:14px;}

/* ---------- closing band with photo ---------- */
.e-cta{position:relative;overflow:hidden;isolation:isolate;background:var(--e-steel);color:#fff;text-align:center;}
.e-cta__photo{position:absolute;inset:-12% 0;z-index:-2;}
.e-cta__photo img{width:100%;height:100%;object-fit:cover;opacity:.45;}
.e-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 120% at 50% 100%,rgba(255,106,44,.22),rgba(255,106,44,0) 60%),linear-gradient(180deg,rgba(12,16,21,.55),rgba(12,16,21,.85));}
.e-cta h2{color:#fff;font-size:clamp(28px,4.4vw,46px);}
.e-cta p{color:#B7C0CA;max-width:58ch;margin:0 auto 26px;font-size:17px;}
.e-cta .hero__cta{justify-content:center;}

/* ---------- article pages ---------- */
.e-arthero{position:relative;background:var(--e-steel);color:#fff;overflow:hidden;isolation:isolate;padding:clamp(40px,7vw,96px) 0 clamp(36px,5vw,64px);}
.e-arthero__photo{position:absolute;inset:-10% 0;z-index:-2;}
.e-arthero__photo img{width:100%;height:100%;object-fit:cover;opacity:.42;}
.e-arthero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,16,21,.35),rgba(12,16,21,.92));}
.e-arthero h1{color:#fff;font-size:clamp(30px,5vw,52px);max-width:22ch;}
.e-arthero .acrumb{font-family:var(--font-mono);font-size:12px;color:#8E99A4;margin-bottom:16px;letter-spacing:.04em;}
.e-arthero .acrumb a{color:var(--e-orange-2);}
.e-arthero .byline{color:#AAB4BE;}
.e-arthero .byline b{color:#fff;}
.e .prose p,.e .prose li{font-size:17px;line-height:1.75;}
.e .article-hero{border-radius:var(--e-r);box-shadow:var(--e-sh-lg);}

/* ---------- blog cards ---------- */
.e .blogcard{border-radius:var(--e-r);border-color:var(--e-line);box-shadow:var(--e-sh);}
.e .blogcard img{transition:transform 1s var(--e-ease);}
.e .blogcard:hover img{transform:scale(1.04);}
.e .blogcard>a{display:block;overflow:hidden;}

/* ---------- softer existing parts ---------- */
.e .card{border-radius:var(--e-r);}
.e .formcard{border-radius:var(--e-r);border-color:var(--e-line);box-shadow:var(--e-sh-lg);}
.e .faq details{border-radius:14px;border-color:var(--e-line);}
.e .citycard{border-radius:14px;border-color:var(--e-line);}
.e .trustbar{background:var(--e-steel-2);}
.e .statband{background:var(--e-steel-2);}
.e .field input,.e .field select,.e .field textarea{border-color:var(--e-line-2);border-radius:10px;}

/* ---------- motion ---------- */
[data-depth]{will-change:transform;}
.e .reveal{transition-duration:.9s;}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference) and (min-width:768px){
    .e-rise{animation:e-rise linear both;animation-timeline:view();animation-range:entry 0% cover 30%;}
    @keyframes e-rise{from{clip-path:inset(8% 4% 8% 4% round 18px);transform:scale(.97);}to{clip-path:inset(0 0 0 0 round 0);transform:none;}}
  }
}
@media (prefers-reduced-motion:reduce){[data-depth]{transform:none!important;}}

/* ============================================================
   Design review of 2026-09-28 (three reviewers on real screenshots). Grouped by page.
   ============================================================ */
/* home: let the hero photo through, the copy stays readable */
.e-hero__shade{background:
  linear-gradient(90deg,rgba(12,16,21,.90) 0%,rgba(12,16,21,.76) 30%,rgba(12,16,21,.40) 60%,rgba(12,16,21,.26) 100%),
  linear-gradient(180deg,rgba(12,16,21,0) 55%,rgba(12,16,21,.78) 100%),
  radial-gradient(90% 90% at 100% 0%,rgba(255,106,44,.16),rgba(255,106,44,0) 60%);}
@media (max-width:880px){.e-hero__shade{background:linear-gradient(180deg,rgba(12,16,21,.64) 0%,rgba(12,16,21,.84) 45%,rgba(12,16,21,.97) 100%);}}
/* home: Rent / Buy cards, more photo and legible text */
.e-route{min-height:400px;}
.e-route::after{background:linear-gradient(180deg,rgba(12,16,21,0) 10%,rgba(12,16,21,.5) 45%,rgba(12,16,21,.92) 100%);}
.e-route__b{text-shadow:0 1px 2px rgba(0,0,0,.35);}
@media (max-width:720px){.e-route{min-height:200px;}}
/* home: the trust points as a quiet ruled row, not a dark strip */
.e .trustbar{background:transparent;color:var(--e-ink);border-block:1px solid var(--e-line);}
.e .trustbar .item{color:var(--e-ink-2);}
.e .trustbar svg{color:var(--e-orange);}
/* home: the "Not sure?" card keeps its link under the text, as a real button */
.e-card--accent .e-card__meta{margin-top:6px;display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:9px;background:var(--e-orange-soft);width:fit-content;}
@media (max-width:600px){.e-card__meta{font-size:10.5px;}}
/* home and sales: no empty band after the listings */
.e #stock{padding-bottom:clamp(16px,2vw,28px);}
/* phones: the photo stack as two clear layers */
@media (max-width:600px){
  .e-stack{height:250px;}
  .e-stack__i--3{display:none;}
  .e-stack__i--1{inset:0 26% 20% 0;}
  .e-stack__i--2{inset:20% 0 0 30%;}
  .e-stack__plate{font-size:10px;letter-spacing:.08em;padding:8px 11px;}
}
/* home: How it works and the numbers read as one band */
.e #how{padding-bottom:clamp(40px,5vw,64px);}
.e .statband{background:var(--e-steel);border-top:1px solid var(--e-steel-line);}
.e .statband .stat b{font-size:clamp(28px,4vw,40px);}
.e .citycard__sub{font-size:11px;letter-spacing:.02em;}

/* sales page: on phones the photos come right under the heading */
@media (max-width:900px){
  .e-shero .e-shero__grid{gap:0;}
  .e-shero .e-shero__grid>div:first-child{display:contents;}
  .e-shero .eyebrow{order:1;justify-self:start;}
  .e-shero h1{order:2;}
  .e-shero .e-stack{order:3;height:clamp(240px,66vw,440px);margin:10px 0 0;}
  .e-shero .hero__cta{order:4;}
  .e-shero p.lede{order:5;margin:22px 0 0;font-size:16px;}
  .e-shero .e-trustrow{order:6;}
  .e-shero .e-stack__plate{font-size:10px;letter-spacing:.1em;padding:8px 11px;}
}
/* sales page: a deliberate photo stack, and a heading that does not orphan "new." */
.e-shero .e-stack__i--1{inset:0 14% 12% 0;}
.e-shero .e-stack__i--2{inset:auto 0 0 auto;width:40%;height:46%;z-index:4;border:3px solid var(--e-steel);box-shadow:0 26px 60px -22px rgba(0,0,0,.9);}
.e-shero .e-stack__i--3{display:none;}
.e-shero .e-stack__plate{top:14px;left:14px;bottom:auto;max-width:calc(86% - 28px);line-height:1.5;}
@media (min-width:901px){
  .e-shero .e-shero__grid{grid-template-columns:1.12fr .88fr;}
  .e-shero h1{font-size:clamp(40px,4.1vw,52px);}
  .e-shero p.lede{max-width:31em;}
}
/* sales page: the four buying steps as one readable column on phones */
@media (max-width:600px){
  #how-buying-works .e-steps{grid-template-columns:1fr;gap:26px;}
  #how-buying-works .e-step{padding:0 0 0 56px;min-height:40px;}
  #how-buying-works .e-step h3{font-size:17px;padding-top:9px;}
  #how-buying-works .e-step p{font-size:15px;}
}
/* sales page: brand cards led by the picture, the summary kept short on screen */
#brands .e-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;}
#brands .wrap>p.center{max-width:640px;margin-inline:auto;}
@media (max-width:720px){
  .e-rail{scroll-padding-inline:var(--gutter);}
  .e-rail .e-card h3{font-size:17px;}
  .e-rail .e-card p{font-size:13.5px;line-height:1.5;}
  .e-rail .e-card__meta{font-size:10.5px;}
}
/* sales page: the enquiry card has an edge, the form an even rhythm */
.e-listing{box-shadow:var(--e-sh);}
.e #enquire .formcard{background:#FBFAF7;border-color:var(--e-line-2);box-shadow:0 1px 0 rgba(22,33,44,.04),0 24px 50px -40px rgba(22,33,44,.45);}
.e .formcard .e-seg--small{margin-bottom:0;}
.e-seg-label .req{color:var(--orange-700);}

/* brand pages: readable fact labels */
.e-plate b{color:var(--e-ink-2);}
#parts{padding-top:clamp(20px,3vw,40px);}
/* article tables that belong to the design */
.e .prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--e-line);border-radius:var(--e-r-sm);overflow:hidden;box-shadow:var(--e-sh);}
.e .prose thead{background:var(--e-orange-soft);}
.e .prose th{color:var(--orange-800);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;}
.e .prose th,.e .prose td{border:0;border-bottom:1px solid var(--e-line);border-right:1px solid var(--e-line);}
.e .prose th:last-child,.e .prose td:last-child{border-right:0;}
.e .prose tr:last-child td{border-bottom:0;}
.e .prose tbody tr:nth-child(even){background:var(--e-bg);}