.note-preview{padding:8px 5%;border-top:1px solid #d8b45c35;border-bottom:1px solid #d8b45c35;color:#d8b45c;text-align:center;font-size:10px;letter-spacing:2px}.vip-note{width:min(1180px,calc(100% - 64px));margin:auto;padding:70px 0 90px}.note-heading{padding-bottom:45px;border-bottom:1px solid #ffffff20;margin-bottom:50px}.note-heading .eyebrow{color:#d8b45c;font-size:10px;font-weight:bold;letter-spacing:2.5px}.note-heading h1{font:normal clamp(40px,4.7vw,62px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:22px 0}.note-heading h1 em{font-weight:normal;color:#d8b45c}.note-intro{max-width:600px;font-size:16px;color:#a8b2bc}.note-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:80px}.note-portrait{border-bottom:2px solid #d8b45c;overflow:hidden}.note-portrait img{display:block;width:100%;max-height:500px;object-fit:contain;object-position:center bottom;filter:grayscale(1)}.note-caption{font-size:11px;color:#a8b2bc;letter-spacing:.5px}.note-copy p{margin:0 0 22px;color:#bfc8d0;font-size:15px;line-height:1.85;max-width:none}.note-copy .lead{font:normal 25px/1.45 Georgia,serif;color:#f7f4ed;margin-bottom:26px}.note-copy h2{font:normal 26px/1.3 Georgia,serif;color:#d8b45c;margin:32px 0 18px;letter-spacing:0}.note-copy ul{color:#bfc8d0;padding-left:20px;margin:0 0 26px;font-size:15px;line-height:1.9}.note-ending{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:22px;margin-top:32px}.note-ending p{font:italic 26px/1.3 Georgia,serif;color:#d8b45c;margin:0}.note-ending img{display:block;width:170px;height:auto;filter:grayscale(1) invert(1) brightness(1.4);mix-blend-mode:screen}footer{width:min(1180px,calc(100% - 64px));margin:auto}@media(max-width:800px){.vip-note{width:calc(100% - 40px);padding:40px 0 65px}.note-heading{margin-bottom:30px;padding-bottom:25px}.note-grid{grid-template-columns:1fr;gap:25px}.note-grid aside{max-width:290px}.note-ending{display:block}.note-ending img{margin:16px 0 0 auto;width:170px}.note-heading h1{font-size:40px}footer{width:calc(100% - 40px)}}

html[lang="ar"] .vip-note{direction:rtl;text-align:right}html[lang="ar"] .note-heading h1{font-family:Arial,sans-serif;letter-spacing:0}html[lang="ar"] .note-heading h1 em{font-style:normal}html[lang="ar"] .note-copy .lead,html[lang="ar"] .note-copy h2{font-family:Arial,sans-serif}html[lang="ar"] .note-copy ul{padding-left:0;padding-right:20px}.note-ending{direction:ltr}