:root{--green:#104e43;--cream:#f5f2dc;--orange:#fc6b2b;--lime:#c4c447}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;border-bottom:1px solid #104e4328}.wordmark{width:101px;display:block}.wordmark img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.header-note{font-size:12px;font-weight:700;letter-spacing:2px}button{border:1px solid #104e4360;background:transparent;color:var(--green);border-radius:50px;padding:11px 20px;min-height:46px;font:500 16px 'Tajawal',sans-serif;cursor:pointer;display:flex;align-items:center;gap:18px;transition:background .2s,color .2s}button:hover{background:var(--green);color:var(--cream)}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:710px}.hero-copy{padding:73px 9.3% 28px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:2px}.small-line{height:1px;width:33px;background:currentColor}h1{font-size:clamp(58px,6.8vw,112px);line-height:1.03;font-weight:500;letter-spacing:-5px;margin:38px 0 25px}h1 span,h1 em{display:block}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange);letter-spacing:-5px;white-space:nowrap}.intro{font-size:18px;line-height:1.75;max-width:355px;margin:0;color:#365e51}.opening{margin-top:35px;border:1px solid var(--green);border-radius:50px;padding:16px 26px;font-size:14px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px}.opening-dot{height:8px;width:8px;background:var(--orange);border-radius:100%;box-shadow:0 0 0 4px #fc6b2b15}.stay{font-size:13px;line-height:1.6;margin-top:16px;color:#557263}.hero-bottom{margin-top:auto;padding-top:50px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;font-weight:600;letter-spacing:1.6px}.down{font-size:30px;font-weight:400}.art-panel{position:relative;overflow:hidden;min-height:710px;border-left:1px solid #104e4328;background:#eaecc8}.brand-art{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.art-shade{position:absolute;inset:0;background:#c9cc4220}.brand-card{position:absolute;left:13%;top:25%;width:74%;min-height:310px;background:var(--cream);box-shadow:0 16px 35px #104e431a;border:1px solid #104e4322;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 28px;animation:card-arrive 1.5s cubic-bezier(.16,1,.3,1) both}.brand-card img{mix-blend-mode:multiply;width:90%;height:auto;margin:26px 0 17px}.card-top{font-size:10px;letter-spacing:2px;font-weight:600}.card-bottom{font-size:17px;font-weight:600}.sticker{position:absolute;right:5%;top:17%;background:var(--orange);color:var(--green);height:128px;width:128px;border-radius:100%;transform:rotate(12deg);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px;font-weight:700;line-height:1.1;letter-spacing:-.4px;box-shadow:0 3px 0 #104e4320}.sticker-rule{display:block;width:28px;height:2px;background:currentColor;margin-top:12px}.art-caption{position:absolute;bottom:36px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;letter-spacing:2px}.closing{text-align:center;padding:95px 24px 90px}.closing-label{font-size:12px;letter-spacing:2px;font-weight:700}.closing h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.7vw,55px);letter-spacing:-1.5px;margin:23px 0 17px}.closing p{font-size:17px;margin:0;color:#557263}footer{border-top:1px solid #104e4330;display:flex;align-items:center;justify-content:space-between;margin:0 5%;padding:26px 0;font-size:12px;gap:20px}footer>span:last-child{letter-spacing:1px}html[lang=ar] body{font-family:'Tajawal',sans-serif}html[lang=ar] h1{font-size:clamp(52px,5.8vw,90px);line-height:1.3;letter-spacing:-2px;font-weight:800}html[lang=ar] h1 em{font-family:inherit;letter-spacing:-2px;font-style:normal;font-weight:500}html[lang=ar] .eyebrow,html[lang=ar] .opening,html[lang=ar] .header-note,html[lang=ar] .hero-bottom,html[lang=ar] .closing-label{letter-spacing:0}html[lang=ar] .art-panel{border-left:0;border-right:1px solid #104e4328}html[lang=ar] .closing h2{font-family:inherit;font-weight:700;letter-spacing:-1px}html[lang=ar] .intro{font-size:20px}html[lang=ar] .card-top,html[lang=ar] .art-caption{letter-spacing:0;font-size:14px}@media(min-width:1600px){.hero{max-width:1800px;margin:auto}.hero-copy{padding-top:95px}.art-panel{min-height:800px}}@media(max-width:900px){h1{font-size:65px;letter-spacing:-3px}h1 em{letter-spacing:-3px}.hero-copy{padding:50px 8% 26px}.hero,.art-panel{min-height:640px}.brand-card{left:9%;width:82%;padding:25px 16px;min-height:270px}.sticker{width:103px;height:103px;font-size:15px;top:20%;right:3%}.card-top{font-size:9px;letter-spacing:1px}.intro{font-size:17px}}@media(max-width:640px){header{height:86px;padding:15px 6%}.wordmark{width:82px}.header-note{display:none}button{font-size:15px;padding:9px 17px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:42px 7% 27px}.eyebrow{font-size:11px}h1{font-size:clamp(55px,13vw,82px);margin:29px 0 22px;letter-spacing:-3px}.intro{font-size:17px;max-width:330px}.opening{margin-top:25px;padding:14px 23px}.stay{font-size:12px}.hero-bottom{padding-top:22px;font-size:11px}.art-panel{min-height:470px;border:0;border-top:1px solid #104e4328}.brand-art{object-position:center 45%}.brand-card{top:24%;left:16%;width:68%;min-height:255px;padding:24px}.brand-card img{margin:21px 0 13px}.card-top{font-size:9px}.card-bottom{font-size:16px}.sticker{top:13%;right:8%;height:105px;width:105px}.art-caption{bottom:24px;font-size:10px}.closing{padding:63px 22px}.closing h2{font-size:35px;line-height:1.2}.closing-label{font-size:10px}footer{flex-wrap:wrap;font-size:11px;padding:24px 0;gap:16px}footer>span:last-child{width:100%;font-size:10px}html[lang=ar] h1{font-size:clamp(48px,11vw,65px);line-height:1.3}html[lang=ar] .intro{font-size:19px}html[lang=ar] .art-panel{border-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
/* A single, choreographed entrance with restrained depth on pointer movement. */
.hero-copy>.eyebrow{animation:rise-in .85s .08s both cubic-bezier(.16,1,.3,1)}
h1>span{animation:rise-in 1.1s .18s both cubic-bezier(.16,1,.3,1)}
h1>em{animation:rise-in 1.1s .3s both cubic-bezier(.16,1,.3,1)}
.hero-copy>.intro{animation:rise-in 1s .42s both cubic-bezier(.16,1,.3,1)}
.hero-copy>.opening,.hero-copy>.stay{animation:rise-in 1s .55s both cubic-bezier(.16,1,.3,1)}
.hero-bottom{animation:rise-in 1s .65s both cubic-bezier(.16,1,.3,1)}
.brand-art{animation:art-arrive 1.8s cubic-bezier(.16,1,.3,1) both}
.brand-card{translate:var(--card-x,0px) var(--card-y,0px);transition:translate .8s cubic-bezier(.22,1,.36,1);will-change:auto}
.sticker{animation:seal-arrive 1.3s .4s both cubic-bezier(.16,1,.3,1)}
.art-caption{animation:rise-in 1s .7s both cubic-bezier(.16,1,.3,1)}
.closing{border-top:1px solid #104e4328}
.closing.reveal-ready>*{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.closing.reveal-ready.is-visible>*{opacity:1;transform:none}
.closing.reveal-ready h2{transition-delay:.1s}.closing.reveal-ready p{transition-delay:.2s}
@keyframes rise-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-arrive{from{opacity:0;transform:translateY(35px) rotate(-11deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(-7deg) scale(1)}}
@keyframes art-arrive{from{opacity:.2;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@keyframes seal-arrive{from{opacity:0;transform:translateY(14px) rotate(0deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(12deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.brand-card{translate:none!important;transition:none!important}.closing.reveal-ready>*{opacity:1;transform:none;transition:none}}