@font-face{
  font-family: "SystemBody";
  src: local("Inter"), local("Arial");
  font-display: swap;
}
:root{
  --paper:#f7fbf6;
  --paper-2:#edf6ee;
  --white:#ffffff;
  --ink:#0b1110;
  --ink-2:#26332d;
  --muted:#65756c;
  --emerald:#098b55;
  --emerald-2:#0f6a43;
  --mint:#dff3e3;
  --line:rgba(11,17,16,.12);
  --line-green:rgba(9,139,85,.22);
  --shadow:0 18px 50px rgba(8,24,16,.09);
  --shadow-strong:0 28px 80px rgba(8,24,16,.16);
  --radius:28px;
  --container:min(1180px, calc(100vw - 34px));
  --mx:50vw;
  --my:50vh;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at var(--mx) var(--my), rgba(9,139,85,.09), transparent 260px),
    radial-gradient(circle at 12% 10%, rgba(9,139,85,.08), transparent 32%),
    linear-gradient(180deg, #fbfefb, var(--paper));
  font-family:SystemBody, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height:1.55;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.container{width:var(--container);margin:0 auto}
.eyebrow{
  margin:0 0 14px;
  color:var(--emerald-2);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.105em;
  text-transform:uppercase;
}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{
  font-family:Georgia, "Times New Roman", serif;
  font-weight:500;
  letter-spacing:-.035em;
  line-height:.98;
}
p{color:var(--ink-2)}
.button{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;
  padding:0 23px;border-radius:999px;border:1px solid transparent;
  font-weight:800;position:relative;overflow:hidden;isolation:isolate;
  transition:transform .28s ease, box-shadow .28s ease, color .28s ease, border-color .28s ease;
}
.button::before{
  content:"";position:absolute;inset:0;transform:translateX(-105%);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent);
  transition:transform .55s ease;z-index:-1;
}
.button:hover::before,.button:focus-visible::before{transform:translateX(105%)}
.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 16px 34px rgba(8,24,16,.13)}
.button--emerald{background:linear-gradient(180deg,#10a868,var(--emerald-2));color:#fff}
.button--ink{background:#0b1110;color:#fff;border-color:#0b1110}
.scroll-meter{position:fixed;z-index:80;top:0;left:0;width:100%;height:3px;background:rgba(9,139,85,.06);pointer-events:none}
.scroll-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0b1110,var(--emerald),#8fe1a7)}
.cursor-lantern{
  position:fixed;z-index:5;left:0;top:0;width:240px;height:240px;border-radius:50%;
  pointer-events:none;opacity:0;transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(9,139,85,.17), rgba(9,139,85,.07) 34%, transparent 70%);
  filter:blur(3px);transition:opacity .2s ease;
}
.page-grain{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.045;background-image:radial-gradient(rgba(0,0,0,.8) .55px, transparent .55px);background-size:7px 7px;mix-blend-mode:multiply}
.topbar{
  position:fixed;z-index:70;top:18px;left:50%;transform:translateX(-50%);
  width:var(--container);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;
  padding:14px 14px 14px 16px;border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 16px 50px rgba(8,24,16,.08);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.topbar.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 20px 60px rgba(8,24,16,.13)}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.brand__monogram{
  width:48px;height:48px;border-radius:50% 50% 50% 8px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,var(--ink),var(--emerald));font-family:Georgia,serif;font-weight:700;letter-spacing:-.04em;
}
.brand__text strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:1.04rem;letter-spacing:-.035em}
.brand__text em{display:block;font-style:normal;color:var(--muted);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.nav{justify-self:end;display:flex;gap:8px;align-items:center}
.nav a{
  padding:10px 13px;border-radius:999px;color:#23362c;font-size:.92rem;line-height:1;
  transition:background .22s ease,color .22s ease, transform .22s ease;
}
.nav a:hover,.nav a:focus-visible{background:var(--mint);color:var(--emerald-2);transform:translateY(-1px)}
.menu-button{display:none;border:0;background:#fff;border-radius:999px;padding:10px 14px;gap:4px;align-items:center;box-shadow:var(--shadow);font-weight:800;color:var(--ink)}
.menu-button span{display:block;width:16px;height:2px;background:currentColor;border-radius:999px}.menu-button b{margin-left:5px}
.hero{
  min-height:100svh;position:relative;display:grid;align-items:center;overflow:hidden;
  padding:140px 0 94px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(237,246,238,.84));
}
.ornament-field{position:absolute;inset:0;color:rgba(9,139,85,.26);pointer-events:none;mask-image:linear-gradient(180deg,rgba(0,0,0,.88),transparent 92%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.88),transparent 92%)}
.ornament-field svg{position:absolute;inset:0;width:100%;height:100%}
.draw{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1)}
.draw.is-drawn,.is-visible .draw{stroke-dashoffset:0}
.draw--delay{transition-delay:.22s}.draw--slow{transition-duration:2.6s}
.hero__layout{position:relative;z-index:1;display:grid;grid-template-columns:145px minmax(0,1fr) 420px;gap:clamp(22px,3vw,42px);align-items:center}
.hero__seal{
  align-self:stretch;min-height:460px;border:1px solid var(--line-green);border-radius:999px 999px 28px 28px;
  background:rgba(255,255,255,.64);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.hero__seal span{font-size:3rem;color:var(--emerald);font-family:Georgia,serif;line-height:1;margin-bottom:22px}
.hero__seal b{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);margin-bottom:18px}
.hero__seal small{font-size:.72rem;color:var(--muted);line-height:1.35}
.hero-title{
  font-size:clamp(4rem,11vw,9rem);margin:0 0 24px;
  letter-spacing:-.07em;
}
.hero-title span{display:block}
.hero-lead{font-size:clamp(1.05rem,1.5vw,1.35rem);max-width:760px;color:#263b30;margin-bottom:0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero__photo-tower{position:relative;min-height:560px}
.arch-photo{
  position:absolute;overflow:hidden;margin:0;background:#fff;border:1px solid rgba(9,139,85,.18);box-shadow:var(--shadow-strong);
  border-radius:200px 200px 30px 30px;
  transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}
.arch-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .65s ease}
.arch-photo figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.84);font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--emerald-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.arch-photo:hover,.arch-photo:focus-within{transform:translateY(-8px);box-shadow:0 34px 90px rgba(8,24,16,.2);border-color:rgba(9,139,85,.4)}
.arch-photo:hover img{transform:scale(1.06)}
.arch-photo--main{inset:0 0 auto auto;width:min(400px,100%);height:520px}
.arch-photo--small{left:0;bottom:12px;width:210px;height:290px;border-radius:120px 120px 24px 24px}
.hero-ribbon{
  position:absolute;z-index:1;left:0;right:0;bottom:20px;display:flex;gap:44px;white-space:nowrap;
  font-size:.78rem;letter-spacing:.135em;text-transform:uppercase;color:rgba(11,17,16,.5);animation:marquee 24s linear infinite;
}
.hero-ribbon span::before{content:"◇";margin-right:34px;color:var(--emerald)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-36%)}}
.dubai-statement,.award-brief,.winners-majlis,.procession,.anatomy,.ceremony-gallery,.profiles{padding:clamp(76px,8.5vw,126px) 0}
.statement-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(24px,4vw,56px);align-items:center}
.statement-card{
  padding:clamp(28px,4vw,48px);border-radius:36px;background:var(--white);box-shadow:var(--shadow);
  border:1px solid rgba(9,139,85,.13);position:relative;overflow:hidden;
}
.statement-card::after{
  content:"";position:absolute;inset:18px;border:1px solid rgba(9,139,85,.12);border-radius:28px;pointer-events:none;
}
.statement-card h2,.section-heading h2,.anatomy-copy h2,.profiles__copy h2{font-size:clamp(2.2rem,4.4vw,4.8rem);margin:0 0 20px}
.statement-card p{font-size:1.08rem;max-width:860px}
.statement-symbol{
  aspect-ratio:1;display:grid;place-items:center;border-radius:50% 50% 50% 18px;background:linear-gradient(135deg,#fff,var(--mint));border:1px solid rgba(9,139,85,.22);box-shadow:var(--shadow);color:var(--emerald-2);position:relative;
}
.statement-symbol svg{position:absolute;inset:12%;width:76%;height:76%}.statement-symbol span{font-family:Georgia,serif;font-size:3.4rem;color:var(--emerald)}
.brief-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.brief-tile{
  position:relative;padding:28px 26px 30px;border-radius:32px 32px 18px 18px;background:#fff;border:1px solid var(--line);
  box-shadow:var(--shadow);overflow:hidden;min-height:275px;transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.brief-tile::before,.podium-card::before,.gallery-card::before{
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(9,139,85,.12) 42%,transparent 68%);transform:translateX(-120%);transition:transform .65s ease;
}
.brief-tile:hover::before,.podium-card:hover::before,.gallery-card:hover::before{transform:translateX(120%)}
.brief-tile:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong);border-color:var(--line-green)}
.brief-tile svg{width:48px;height:48px;color:var(--emerald);margin:48px 0 20px}
.tile-number{position:absolute;top:20px;right:22px;font-family:Georgia,serif;font-size:3.4rem;line-height:.8;color:rgba(9,139,85,.14);letter-spacing:-.08em}
.brief-tile h3{font-size:1.7rem;margin:0 0 12px}.brief-tile p{margin:0;color:#435149}
.section-heading{max-width:780px;margin:0 auto 42px;text-align:center}.section-heading p:last-child{max-width:680px;margin:0 auto;color:var(--muted)}
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:22px;align-items:end}
.podium-card{
  position:relative;isolation:isolate;overflow:hidden;padding:28px 22px;border:1px solid rgba(9,139,85,.14);box-shadow:var(--shadow);
  background:rgba(255,255,255,.84);border-radius:220px 220px 28px 28px;text-align:center;min-height:410px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.podium-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-strong);border-color:rgba(9,139,85,.36)}
.podium-card--first{min-height:475px;background:linear-gradient(180deg,#fff,var(--mint))}
.avatar-ring{width:128px;height:128px;margin:0 auto 22px;border-radius:50%;padding:8px;background:linear-gradient(135deg,var(--emerald),#8edb9c,#fff);box-shadow:0 16px 34px rgba(8,24,16,.16)}
.avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#e7eee9;border:4px solid #fff}
.place{font-family:Georgia,serif;font-size:4.8rem;line-height:.78;color:rgba(9,139,85,.28);letter-spacing:-.08em;margin-bottom:15px}
.podium-card h3{font-size:2rem;margin:0 0 8px}.podium-card p{margin:0 0 16px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.podium-card a{font-weight:800;color:var(--emerald-2)}
.procession{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(223,243,227,.48))}
.procession__layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:start}
.procession__rail{position:sticky;top:118px;padding:28px;border-radius:34px;background:#0b1110;color:#fff;box-shadow:var(--shadow-strong)}
.procession__rail h2{font-size:2.45rem;margin:0 0 18px}.procession__rail p{color:#d7e5dc}.procession__rail .eyebrow{color:#87dda1}
.procession__cards{display:grid;gap:32px}
.award-panel{
  display:grid;grid-template-columns:.92fr 1fr;gap:0;align-items:stretch;border-radius:40px;background:#fff;box-shadow:var(--shadow);border:1px solid rgba(9,139,85,.12);overflow:hidden;
}
.award-panel--mirrored{grid-template-columns:1fr .92fr}.award-panel--mirrored .panel-image{order:2}.award-panel--mirrored .panel-copy{order:1}
.panel-image{min-height:430px;position:relative;overflow:hidden;background:#eaf3ec}
.panel-image::after{content:"";position:absolute;inset:18px;border-radius:220px 220px 28px 28px;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.panel-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .7s ease, filter .7s ease}
.award-panel:hover .panel-image img{transform:scale(1.065);filter:saturate(1.05) contrast(1.03)}
.panel-copy{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center}
.panel-place{display:inline-flex;align-self:flex-start;padding:9px 13px;border-radius:999px;background:var(--mint);color:var(--emerald-2);font-weight:800;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:22px}
.panel-copy h3{font-size:clamp(2.2rem,4.2vw,4.2rem);margin:0 0 18px}.panel-copy p{font-size:1.04rem}.panel-copy strong{font-family:Georgia,serif;font-weight:500;font-size:1.5rem;line-height:1.12;margin:12px 0 24px;letter-spacing:-.035em;color:#111c17}.panel-copy a{font-weight:800;color:var(--emerald-2)}
.anatomy-frame{display:grid;grid-template-columns:1fr .88fr;gap:36px;padding:clamp(30px,5vw,60px);border-radius:42px;background:linear-gradient(135deg,#0b1110,#14261b);color:#fff;box-shadow:var(--shadow-strong);position:relative;overflow:hidden}
.anatomy-frame::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at var(--mx) var(--my), rgba(98,215,126,.16), transparent 260px);pointer-events:none}
.anatomy-copy,.anatomy-list{position:relative;z-index:1}.anatomy-copy h2{color:#fff}.anatomy-copy p{color:#cfe0d5}
.anatomy-list{display:grid;gap:12px}
.anatomy-list div{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.045)}
.anatomy-list span{font-family:Georgia,serif;font-size:2rem;color:#7bd994}.anatomy-list strong{display:block;font-size:1.05rem}.anatomy-list em{grid-column:2;font-style:normal;color:#bad0c1;margin-top:-8px}
.gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gallery-card{margin:0;position:relative;overflow:hidden;border-radius:34px 34px 20px 20px;background:#fff;border:1px solid rgba(9,139,85,.12);box-shadow:var(--shadow)}
.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .7s ease}
.gallery-card:hover img{transform:scale(1.06)}
.gallery-card figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gallery-card b{font-family:Georgia,serif;font-size:1.3rem;color:var(--emerald)}.gallery-card span{font-size:.88rem;font-weight:800}
.profiles__inner{display:grid;grid-template-columns:.85fr 1fr;gap:36px;align-items:center}
.profiles__copy h2{margin-bottom:18px}
.profiles__links{display:grid;gap:14px}
.profile-link{
  display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:19px 20px;border-radius:999px;background:#fff;border:1px solid rgba(9,139,85,.12);box-shadow:var(--shadow);transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
}
.profile-link:hover,.profile-link:focus-visible{transform:translateX(8px);box-shadow:var(--shadow-strong);background:linear-gradient(90deg,#fff,var(--mint))}
.profile-link span{font-family:Georgia,serif;font-size:1.7rem;color:var(--emerald)}.profile-link strong{font-size:1.08rem}.profile-link em{font-style:normal;color:var(--muted);font-size:.92rem}
.footer{padding:34px 0 60px}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:30px;background:#fff;border:1px solid rgba(9,139,85,.12);box-shadow:var(--shadow)}
.footer p,.footer span{margin:0;color:var(--muted)}.footer b{font-family:Georgia,serif;font-size:2rem;color:var(--emerald)}
.reveal-gate,.reveal-slide{opacity:0;transition:opacity .85s cubic-bezier(.22,1,.36,1), transform .85s cubic-bezier(.22,1,.36,1), -webkit-clip-path .85s cubic-bezier(.22,1,.36,1), clip-path .85s cubic-bezier(.22,1,.36,1)}
.reveal-gate{transform:translateY(28px);clip-path:inset(18% 0 0 0 round 20px);-webkit-clip-path:inset(18% 0 0 0 round 20px)}
.reveal-slide{transform:translateX(36px);clip-path:inset(0 0 0 12% round 24px);-webkit-clip-path:inset(0 0 0 12% round 24px)}
.reveal-gate.is-visible,.reveal-slide.is-visible{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 0);-webkit-clip-path:inset(0 0 0 0 round 0)}
@media (hover:hover){
  .brief-tile:hover,.podium-card:hover,.button:hover,.arch-photo:hover,.gallery-card:hover,.profile-link:hover{will-change:transform}
}
@media (max-width:1120px){
  .hero__layout{grid-template-columns:120px 1fr}.hero__photo-tower{grid-column:1/-1;min-height:380px}.arch-photo--main{left:160px;right:auto;height:360px;width:min(520px,calc(100% - 160px))}.arch-photo--small{left:0;bottom:0;height:250px}
  .statement-grid,.procession__layout,.anatomy-frame,.profiles__inner{grid-template-columns:1fr}.procession__rail{position:relative;top:auto}.brief-row,.gallery-strip{grid-template-columns:1fr 1fr}.podium{grid-template-columns:1fr}.podium-card,.podium-card--first{min-height:360px}
}
@media (max-width:820px){
  .topbar{grid-template-columns:auto auto;width:calc(100vw - 20px);top:10px;border-radius:25px}.nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;gap:0;background:rgba(255,255,255,.96);border:1px solid rgba(9,139,85,.12);border-radius:24px;box-shadow:var(--shadow-strong);overflow:hidden;max-height:0;padding:0 16px;transition:max-height .35s ease,padding .35s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav.is-open{max-height:350px;padding:10px 16px}.nav a{border-bottom:1px solid rgba(11,17,16,.07);border-radius:0;padding:14px 4px}.nav a:last-child{border-bottom:0}.menu-button{display:flex}.brand__text strong{font-size:.95rem}.brand__text em{font-size:.66rem}
  .hero{padding-top:120px}.hero__layout{grid-template-columns:1fr}.hero__seal{min-height:auto;border-radius:28px;display:block;text-align:left}.hero__seal b{writing-mode:initial;transform:none;display:block}.hero__seal span{font-size:2rem;margin:0 0 8px;display:block}
  .hero__photo-tower{min-height:auto;display:grid;grid-template-columns:1fr;gap:16px}.arch-photo,.arch-photo--main,.arch-photo--small{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;border-radius:120px 120px 24px 24px}
  .award-panel,.award-panel--mirrored{grid-template-columns:1fr}.award-panel--mirrored .panel-image,.award-panel--mirrored .panel-copy{order:initial}.panel-image{min-height:auto;aspect-ratio:4/3}
}
@media (max-width:620px){
  :root{--container:min(100vw - 22px, 1180px)}
  .hero-title{font-size:clamp(3.2rem,18vw,5rem)}
  .statement-card h2,.section-heading h2,.anatomy-copy h2,.profiles__copy h2{font-size:clamp(2rem,10vw,3.2rem)}
  .brief-row,.gallery-strip{grid-template-columns:1fr}.statement-symbol{max-width:260px;margin:0 auto}.hero-actions{display:grid}.button{width:100%}
  .profile-link{grid-template-columns:42px 1fr;border-radius:26px}.profile-link em{grid-column:2}.footer__inner{display:grid;text-align:left}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-gate,.reveal-slide{opacity:1;transform:none;clip-path:none;-webkit-clip-path:none}.draw{stroke-dashoffset:0}
}
@supports (-webkit-touch-callout:none){
  body{background-attachment:scroll}
  .topbar,.hero__seal,.arch-photo figcaption,.gallery-card figcaption{ -webkit-backdrop-filter:blur(14px); }
  .reveal-gate,.reveal-slide{ -webkit-transform:translateZ(0); }
  .panel-image img,.gallery-card img,.arch-photo img{ -webkit-backface-visibility:hidden; backface-visibility:hidden; }
}