:root{--midnight:#061a30;--midnight2:#0c2d4a;--mint:#63e4aa;--paper:#fafcfa;--ink:#162c32;--quiet:#7e9195;--line:#e4ebe8}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;min-width:320px;background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,'Noto Kufi Arabic','Noto Sans Arabic',Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{display:block}figure,h1,p{margin:0}a:focus-visible{outline:3px solid #42cc99;outline-offset:4px}a,button{-webkit-tap-highlight-color:transparent}
.view{display:block;min-height:100vh;min-height:100svh}
.brand{display:inline-flex;align-items:center;gap:12px;direction:ltr;min-width:0}.brand-mark{width:46px;height:46px;display:grid;place-items:center;flex:none}.brand-mark svg{width:100%;height:100%}.brand-name{display:flex;flex-direction:column;align-items:flex-start;gap:0;direction:rtl;line-height:1.2}.brand-name strong{font-size:27px;letter-spacing:-1px;font-weight:800}.brand-name small{font:700 10px/1.5 Arial,sans-serif;letter-spacing:3.2px;direction:ltr}.lang-switch{display:inline-flex;align-items:center;gap:14px;font:650 13px/1.5 Arial,sans-serif;min-height:44px;padding:10px 15px;border:1px solid currentColor;border-radius:999px;transition:background .2s,color .2s}.lang-switch span{font-size:16px;font-weight:400}
/* Stage 01 — white introduction */
.intro{background:var(--paper);color:var(--ink);overflow:hidden}.intro-frame{width:min(1352px,100%);margin:auto;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:28px clamp(22px,5vw,76px) 26px;position:relative}.intro-frame::before{content:'';position:absolute;top:0;bottom:0;inset-inline-start:16%;border-inline-start:1px solid rgba(12,39,44,.045);pointer-events:none}.intro-frame::after{content:'';position:absolute;top:0;bottom:0;inset-inline-end:16%;border-inline-end:1px solid rgba(12,39,44,.045);pointer-events:none}.intro-header,.intro-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr}.brand-intro{color:#113d3a}.brand-intro .brand-mark{color:#11685f}.brand-intro .brand-mark .check-fast{stroke:#29b88a}.brand-intro .brand-mark path:last-child{stroke:#26b579}.intro-switch{color:#42635b;border-color:#dce6e0}.intro-switch:hover{background:#eff7f2}.intro-main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2;padding:30px 0 45px}.intro-symbol{width:172px;height:172px;position:relative;border:1px solid #e0eae4;border-radius:50%;display:grid;place-items:center;margin-bottom:29px;background:radial-gradient(circle,#fff 0 44%,#f7faf8 72%,#f4f8f5)}.intro-symbol::before{content:'';position:absolute;inset:13px;border:1px dashed #cadbd4;border-radius:50%}.intro-symbol::after{content:'';position:absolute;inset:34px;border:1px solid #e2eee6;border-radius:50%}.symbol-axis{position:absolute;background:#c9dbd2}.axis-a{width:212px;height:1px;left:-20px;top:85px}.axis-b{width:1px;height:212px;left:85px;top:-20px}.inner-symbol{position:relative;z-index:2;width:86px;height:86px;display:grid;place-items:center;border-radius:25px;background:#0b3347;color:#fff;box-shadow:0 16px 28px rgba(7,48,56,.1)}.inner-symbol svg{width:66px;height:66px}.axis-point{position:absolute;z-index:2;width:6px;height:6px;background:#50cda0;border-radius:50%}.point-a{top:-4px;left:82px}.point-b{bottom:82px;right:-4px}.micro-label{display:inline-block;letter-spacing:.04em;font-size:12px;font-weight:700;color:#43756c}.intro h1{font-size:clamp(46px,5.4vw,79px);line-height:1.45;letter-spacing:-.065em;font-weight:800;margin:9px 0 4px}.intro h1 span{display:block;color:#12665e}.intro-main p{font-size:clamp(14px,1.5vw,17px);line-height:1.9;color:#758985;letter-spacing:0}.next-link{display:inline-flex;align-items:center;justify-content:center;gap:38px;margin-top:28px;min-height:58px;padding:10px 22px;border-radius:14px;background:#103948;color:#fff;font-size:16px;font-weight:750;transition:transform .2s,background .2s;box-shadow:0 7px 18px rgba(4,49,49,.09)}.next-link:hover{transform:translateY(-2px);background:#155267}.next-icon{display:grid;place-items:center;font:400 28px/1 Arial,sans-serif;transform:translateY(-1px)}.intro-footer{color:#708c87;font:600 11px/1.5 Arial,sans-serif;letter-spacing:1.4px}.intro-footer b{font-weight:400;color:#b1c5bb}.step-meter{display:flex;align-items:center;gap:11px;font:600 12px/1 Arial,sans-serif;letter-spacing:0}.step-meter strong{color:#145a51;font-weight:800}.step-meter i{height:1px;width:53px;background:#c6d9d0}
/* Stage 02 — quiet brand reveal */
.reveal{background:linear-gradient(132deg,#061a30 0%,#0b2843 56%,#0c304c 100%);color:#f7fbfb;position:relative;isolation:isolate;overflow:hidden}.reveal::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,rgba(185,230,235,.035) 1px,transparent 1px),linear-gradient(rgba(185,230,235,.027) 1px,transparent 1px);background-size:96px 96px;opacity:.6}.reveal::after{content:'';position:absolute;inset:auto -210px -260px auto;width:540px;height:540px;background:radial-gradient(circle,rgba(39,126,128,.14),transparent 70%);pointer-events:none;z-index:-1}.reveal-frame{width:min(1352px,100%);margin:auto;min-height:100vh;min-height:100svh;padding:30px clamp(22px,5vw,76px) 24px;display:grid;grid-template-rows:auto 1fr auto}.reveal-header,.reveal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr}.brand-reveal{color:#f8fffa}.brand-reveal .brand-mark{color:#ebf7f4}.brand-reveal .brand-name strong{font-weight:780}.brand-reveal .brand-name small{color:#b4c4c7}.reveal-nav{display:flex;align-items:center;gap:18px}.reveal-nav .lang-switch{border-color:rgba(255,255,255,.18);color:#eff6f7}.reveal-nav .lang-switch:hover{background:rgba(255,255,255,.07)}.live-label{display:inline-flex;align-items:center;gap:8px;color:#b9d8d6;font-size:12px;font-weight:650}.live-label i{width:7px;height:7px;display:block;border-radius:50%;background:#5ee7b4;box-shadow:0 0 0 4px rgba(94,231,180,.10)}
.reveal-main{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:clamp(42px,6.5vw,102px);align-items:center;direction:ltr;padding:34px 0 36px;min-height:0}.reveal-copy{direction:rtl;text-align:right;padding-block:18px;min-width:0}.hero-micro{display:flex;align-items:center;justify-content:flex-start;gap:12px;color:#8ddbbd;font-size:13px;font-weight:700;margin-bottom:22px}.hero-micro span{width:32px;height:1px;background:#76e6bd}.reveal h1{font-size:clamp(48px,5vw,82px);line-height:1.49;font-weight:750;letter-spacing:-.067em;color:#fff}.reveal h1 em{font-style:normal;color:#84e4bb}.reveal-copy>p{max-width:490px;white-space:normal;color:#b3c5cb;font-size:clamp(15px,1.65vw,19px);line-height:2.08;margin-top:19px;margin-bottom:31px}.follow-bar{padding-top:23px;border-top:1px solid rgba(242,255,251,.16);width:min(100%,490px)}.follow-title{display:block;color:#dce9e8;font-size:13px;font-weight:700;margin-bottom:16px}.social-row{display:flex;flex-wrap:wrap;gap:10px;direction:ltr;justify-content:flex-end}.social-icon{display:grid;place-items:center;width:51px;height:51px;flex:none;border-radius:14px;border:1px solid rgba(218,238,239,.22);background:rgba(255,255,255,.047);color:#e1f5ee;transition:transform .18s,border-color .18s,background .18s}.social-icon svg{width:24px;height:24px}.social-icon:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.09)}.social-instagram:hover{color:#fbcae5}.social-tiktok:hover{color:#efffff}.social-x:hover{color:#fff}.social-telegram:hover{color:#73d7ff}.social-whatsapp:hover{color:#74ecc1}.contact-link{display:inline-flex;align-items:center;gap:9px;margin-top:26px;font-size:13px;font-weight:700;color:#b1cfc9;text-decoration:underline;text-decoration-color:rgba(177,207,201,.34);text-underline-offset:5px}.contact-link span{font-size:17px;font-weight:400}.contact-link:hover{color:#fff}
.tower-frame{width:100%;height:min(640px,69vh);min-height:430px;position:relative;border-radius:12px;overflow:visible;background:#103f5d;box-shadow:0 38px 74px rgba(0,0,0,.17)}.tower-frame::before{content:'';position:absolute;inset:-13px 14px 13px -14px;border:1px solid rgba(166,229,220,.22);border-radius:12px;pointer-events:none}.tower-frame>img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;border-radius:12px}.tower-frame::after{content:'';position:absolute;inset:0;border-radius:12px;background:linear-gradient(to top,rgba(2,27,43,.57) 0%,transparent 25%,transparent 76%,rgba(1,25,43,.16));pointer-events:none}.tower-frame figcaption{position:absolute;z-index:2;bottom:21px;inset-inline-start:23px;inset-inline-end:23px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:650 11px/1.5 Arial,sans-serif;color:#fff;letter-spacing:2.3px;direction:ltr}.tower-frame figcaption b{color:#60e5b0;font-weight:500}.caption-dot{display:block;width:6px;height:6px;border-radius:50%;background:#61e2ae}.precision-mark{position:absolute;z-index:3;width:20px;height:20px;border:1px solid #a9eddf;pointer-events:none}.p1{top:-10px;right:-10px;border-left:0;border-bottom:0}.p2{bottom:-10px;left:-10px;border-top:0;border-right:0}
.reveal-footer{padding-top:20px;border-top:1px solid rgba(214,237,236,.14);color:#a5c1c5;font-size:12px;line-height:1.6}.back-link{display:inline-flex;align-items:center;gap:12px}.back-link span{font:400 19px/1 Arial,sans-serif}.back-link:hover,.reveal-foot-right a:hover{color:#fff}.reveal-foot-right{display:flex;align-items:center;gap:25px}.reveal-foot-right span{color:#74919e;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.4px}
.privacy-view{background:#fafcfa;color:var(--ink)}.privacy-shell{max-width:1020px;margin:auto;padding:40px 30px;min-height:100vh}.privacy-shell main{max-width:750px;margin:10vh auto 0}.privacy-shell h1{font-size:clamp(40px,6vw,64px);margin:12px 0 28px}.privacy-shell p{color:#4b6664;line-height:2;font-size:17px;margin:0 0 17px}.privacy-shell .next-link{margin-top:20px;gap:24px}
/* English typography and alignment */
.view[lang=en]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.view[lang=en] .intro h1{letter-spacing:-.04em}.view[lang=en].intro h1{line-height:1.2;letter-spacing:-.06em;margin:16px 0 12px}.view[lang=en].reveal .reveal-copy{direction:ltr;text-align:left}.view[lang=en].reveal .hero-micro{letter-spacing:1.3px;font:700 12px/1.5 Arial,sans-serif}.view[lang=en].reveal h1{font-size:clamp(46px,5.1vw,77px);line-height:1.12;letter-spacing:-.045em}.view[lang=en].reveal-copy>p{font-size:17px;line-height:1.8}.view[lang=en] .follow-bar{direction:ltr}.view[lang=en] .social-row{justify-content:flex-start}.view[lang=en] .brand-name{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}.view[lang=en] .reveal-footer{direction:ltr}
@media(max-width:1024px){.reveal-main{grid-template-columns:minmax(0,.95fr) minmax(0,.8fr);gap:35px}.reveal h1{font-size:clamp(44px,5vw,65px)}.tower-frame{height:570px}}
@media(max-width:760px){
.intro-frame{padding:23px 25px 25px}.intro-header .brand-name strong,.reveal-header .brand-name strong{font-size:24px}.intro-header .brand-name small,.reveal-header .brand-name small{font-size:9px}.brand-mark{width:42px;height:42px}.intro-symbol{width:150px;height:150px}.symbol-axis.axis-a{width:184px;top:74px;left:-17px}.symbol-axis.axis-b{height:184px;left:74px;top:-17px}.point-a{left:72px}.point-b{bottom:72px}.intro h1{font-size:clamp(44px,8vw,66px)}
.reveal-frame{padding:22px 25px 25px}.reveal-main{grid-template-columns:1fr;gap:25px;padding:40px 0}.reveal-copy{order:1}.tower-frame{order:2;height:400px;min-height:0;max-width:600px;margin-inline:auto}.reveal h1{font-size:clamp(43px,7vw,58px);line-height:1.45}.reveal-copy>p{margin-top:11px;margin-bottom:22px}.follow-bar{padding-top:16px}.reveal-footer{margin-top:12px}
}
@media(max-width:470px){
.intro-frame{padding:17px 20px 21px}.brand{gap:8px}.brand-mark{width:38px;height:38px}.brand-name strong{font-size:21px!important}.brand-name small{font-size:7.5px!important;letter-spacing:2px}.intro-header .lang-switch,.reveal-nav .lang-switch{padding:9px 12px;font-size:12px}.intro-main{padding:15px 0 25px}.intro-symbol{width:136px;height:136px;margin-bottom:19px}.intro-symbol::before{inset:10px}.intro-symbol::after{inset:28px}.symbol-axis.axis-a{width:164px;top:67px;left:-14px}.symbol-axis.axis-b{height:164px;left:67px;top:-14px}.inner-symbol{width:74px;height:74px;border-radius:21px}.inner-symbol svg{width:59px;height:59px}.point-a{left:65px}.point-b{bottom:65px}.intro h1{font-size:clamp(43px,11vw,55px);margin:7px 0 2px}.intro-main p{font-size:13px}.next-link{margin-top:24px;min-height:56px;padding:10px 19px;gap:38px}.intro-footer{font-size:9px;letter-spacing:.7px}.step-meter{font-size:11px}.step-meter i{width:35px}
.reveal-frame{padding:18px 19px 19px}.reveal-nav{gap:11px}.live-label{font-size:10px}.reveal-main{padding:34px 0 28px;gap:24px}.reveal h1{font-size:clamp(38px,10.2vw,50px);line-height:1.42}.hero-micro{font-size:11px;gap:9px;margin-bottom:13px}.hero-micro span{width:21px}.reveal-copy>p{font-size:14px;line-height:1.9;margin-top:7px;margin-bottom:18px}.follow-bar{padding-top:14px}.follow-title{font-size:12px;margin-bottom:10px}.social-row{gap:8px}.social-icon{height:47px;width:47px;border-radius:12px}.social-icon svg{width:22px;height:22px}.contact-link{margin-top:15px}.tower-frame{height:340px;max-width:460px}.tower-frame>img{object-position:center top}.tower-frame::before{inset:-8px 9px 8px -9px}.tower-frame figcaption{bottom:12px;inset-inline-start:14px;inset-inline-end:14px;font-size:9px;letter-spacing:1.3px}.reveal-footer{padding-top:16px;font-size:11px}.reveal-foot-right{gap:12px}.reveal-foot-right span{font-size:9px}
.view[lang=en].reveal h1{font-size:clamp(38px,10vw,50px)}.view[lang=en].intro h1{font-size:clamp(38px,10vw,52px)}.view[lang=en] .reveal-copy>p{font-size:14px}
}
@media(max-width:350px){.reveal-nav{gap:6px}.live-label{font-size:9px}.social-icon{width:43px;height:43px}.reveal h1{font-size:36px}.reveal-copy>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* v6 — precise artwork and compact early-access enquiries, no service details revealed. */
.tower-frame>img{object-position: right center;image-rendering:auto;filter:none}
.tower-frame::after{background:linear-gradient(to top,rgba(2,27,43,.42) 0%,transparent 19%);}
.business-callout{width:min(100%,490px);padding:17px 19px 16px;margin:23px 0 17px;border:1px solid rgba(114,232,191,.32);border-radius:15px;background:linear-gradient(145deg,rgba(59,122,118,.19),rgba(10,40,60,.45));box-shadow:inset 0 1px 0 rgba(189,251,227,.08);}
.business-lead{font-size:11px;letter-spacing:.1px;font-weight:750;color:#9ce9cf;display:inline-flex;align-items:center;gap:8px;}
.business-lead i{height:7px;width:7px;border-radius:50%;background:#73e7b5;box-shadow:0 0 0 4px rgba(99,229,174,.1);}
.business-content{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 10px;margin:10px 0 14px}
.business-content strong{font-size:clamp(19px,2.2vw,25px);font-weight:820;line-height:1.5;color:#fff}
.business-content p{font-size:12px;color:#b4cfce;margin:0;line-height:1.7}
.business-action{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;min-height:45px;border-radius:9px;background:#80e4bc;color:#073142;padding:10px 15px;font-size:13px;font-weight:830;transition:background .2s ease,transform .2s ease}
.business-action:hover{background:#a5f1d2;transform:translateY(-1px)}
.business-action span{font:normal 20px/1 Arial,sans-serif}
.business-note{display:block;font-size:10px;color:#98bdbd;margin-top:11px;line-height:1.6}
.view[lang=en] .business-content{display:block;margin-top:9px;margin-bottom:13px}
.view[lang=en] .business-content strong{font-size:22px;line-height:1.35}
.view[lang=en] .business-content p{font-size:12px;margin-top:2px}
.view[lang=en] .business-lead{font:750 10px/1.5 Arial,sans-serif;letter-spacing:1.5px}
.view[lang=en] .business-action{font:750 13px/1.5 Arial,sans-serif}
.view[lang=en] .business-note{font:11px/1.5 Arial,sans-serif}
@media(max-width:760px){.business-callout{margin:18px 0 16px}.tower-frame{height:430px}}
@media(max-width:470px){.business-callout{padding:14px 15px 13px;margin:15px 0}.business-content{margin:7px 0 11px}.business-content strong{font-size:19px}.business-content p{font-size:12px}.business-action{min-height:45px;font-size:13px}.tower-frame{height:375px}.follow-title{margin-bottom:10px}}

/* v7: file-compatible navigation and low-composite Safari fallback. */
.reveal{isolation:auto}.tower-frame{box-shadow:0 18px 42px rgba(0,0,0,.14)}
.tower-frame::after{background:linear-gradient(to top,rgba(2,27,43,.24),transparent 14%)}
.intro,.reveal,.privacy-view{contain:layout style}
@media(max-width:470px){.tower-frame{height:370px;max-width:100%}}


/* v8 — the Kuwait Towers are an architectural background, not a clipped card. */
.reveal {
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(132deg,#06192e 0%,#08233e 56%,#0b304b 100%);
}
.reveal-frame{position:relative;z-index:2;}
.reveal::before{opacity:.36;}
.reveal::after{opacity:.38;}
.architectural-background{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:linear-gradient(145deg,#081b30 0%,#0e2f4b 100%);
}
.architectural-background>img{
  position:absolute;
  display:block;
  height:min(99%,1020px);
  width:auto;
  max-width:none;
  left:clamp(15px,5vw,115px);
  bottom:-3%;
  opacity:.48;
  object-fit:contain;
  filter:none;
  image-rendering:auto;
}
.architectural-background::after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(5,22,39,.06) 0%,rgba(6,25,44,.24) 37%,rgba(6,25,44,.84) 77%,rgba(6,25,44,.92) 100%),
    linear-gradient(0deg,rgba(5,22,39,.76) 0%,transparent 27%,rgba(6,25,44,.13) 75%,rgba(5,22,39,.65) 100%);
}
.architecture-grid{
  position:absolute;inset:0;z-index:2;
  background-image:linear-gradient(90deg,rgba(144,220,222,.058) 1px,transparent 1px),linear-gradient(rgba(144,220,222,.048) 1px,transparent 1px);
  background-size:110px 110px;
}
.architecture-cross{
  position:absolute;z-index:2;
  width:20px;height:20px;
  opacity:.63;
}
.architecture-cross::before,.architecture-cross::after{
  content:"";position:absolute;background:#70e2c2;
}
.architecture-cross::before{width:20px;height:1px;top:9px;left:0}
.architecture-cross::after{height:20px;width:1px;left:9px;top:0}
.cross-one{left:8%;top:18%;}
.cross-two{left:34%;bottom:11%;transform:scale(.68);}
.architecture-index{
  position:absolute;bottom:36px;left:32px;z-index:2;
  color:rgba(155,222,217,.5);
  font:600 10px/1.5 Arial,sans-serif;letter-spacing:3px;
}
.reveal-main{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  direction:rtl;
  min-height:min(760px,85svh);
  padding:58px 0 78px;
}
.reveal-copy{
  width:min(100%,590px);
  max-width:590px;
  direction:rtl;
  text-align:right;
  padding:10px 0;
  margin:0;
}
.view[lang=en].reveal .reveal-main{direction:ltr;justify-content:flex-end;}
.view[lang=en].reveal .reveal-copy{direction:ltr;text-align:left;}
.view[lang=en].reveal .architectural-background>img{left:clamp(12px,5vw,115px);right:auto;}
@media(max-width:760px){
  .reveal-frame{min-height:100svh;}
  .reveal-main{display:flex;align-items:flex-start;justify-content:flex-start;min-height:930px;gap:0;padding:43px 0 86px;}
  .reveal-copy{max-width:100%;}
  .architectural-background>img{height:750px;left:-8px;bottom:3%;opacity:.51;}
  .architectural-background::after{
    background:
      linear-gradient(180deg,rgba(5,22,39,.86) 0%,rgba(6,25,44,.82) 26%,rgba(6,25,44,.66) 52%,rgba(6,25,44,.48) 78%,rgba(6,25,44,.75) 100%),
      linear-gradient(90deg,rgba(6,25,44,.08) 0%,rgba(6,25,44,.21) 68%,rgba(6,25,44,.57) 100%);
  }
  .architecture-grid{background-size:92px 92px;}
  .architecture-index{bottom:38px;left:22px;}
  .view[lang=en].reveal .reveal-main{justify-content:flex-start;}
}
@media(max-width:470px){
  .reveal-main{min-height:890px;padding:37px 0 92px;}
  .architectural-background>img{height:720px;left:-42px;bottom:7%;opacity:.62;}
  .architectural-background::after{
    background:
      linear-gradient(180deg,rgba(5,22,39,.89) 0%,rgba(6,25,44,.85) 19%,rgba(6,25,44,.69) 42%,rgba(6,25,44,.46) 73%,rgba(6,25,44,.79) 100%),
      linear-gradient(90deg,rgba(6,25,44,.02) 0%,rgba(6,25,44,.12) 58%,rgba(6,25,44,.47) 100%);
  }
  .cross-one{top:12%;left:9%;}
  .cross-two{bottom:9%;left:80%;}
  .architecture-index{bottom:48px;left:22px;}
}
@media(max-width:350px){
  .reveal-main{min-height:920px;}
  .architectural-background>img{left:-65px;height:730px;}
}

/* Feathers the photograph into the architectural canvas: no hard photo edges. */
.architectural-background>img{
  -webkit-mask-image:radial-gradient(ellipse 63% 67% at 44% 51%, #000 44%, rgba(0,0,0,.9) 61%, transparent 100%);
  mask-image:radial-gradient(ellipse 63% 67% at 44% 51%, #000 44%, rgba(0,0,0,.9) 61%, transparent 100%);
}
@media(max-width:470px){
  .architectural-background>img{height:790px;left:-13px;bottom:5%;opacity:.61;}
}

/* v9 — warm Arabic greeting, responsive, without losing the quiet geometry. */
.intro[lang="ar"] h1{max-width:100%;overflow-wrap:normal;}
.intro[lang="ar"] h1 span{white-space:nowrap;}
.intro[lang="ar"] .intro-main>p{color:#476c65;font-weight:650;}
@media(max-width:350px){.intro[lang="ar"] h1{font-size:clamp(37px,10.6vw,46px);}}