
/* Sanabil — Character pillar. Original brand assets only; backgrounds entirely CSS. */
.char-page{
  --char-gold:#ae782d; --char-deep:#7a541f; --char-ink:#24313b; --char-pale:#fcf6ea;
  background:#fff;color:var(--char-ink);font-family:Roboto,Arial,sans-serif
}
.char-page *{box-sizing:border-box}
.char-page h1,.char-page h2,.char-page h3{font-family:Roboto,Arial,sans-serif;letter-spacing:-.035em;line-height:1.16;text-decoration:none;border:0}
.char-page p{line-height:1.68}
.character-inner{max-width:1220px;width:calc(100% - 80px);margin:0 auto}
.character-hero{background:linear-gradient(115deg,#fff 3%,#fffdfa 53%,#f7e9d0 100%);position:relative;overflow:hidden;border-bottom:1px solid #f1e7da}
.character-hero:before{content:"";position:absolute;right:-180px;top:-160px;width:660px;height:620px;border-radius:50%;border:75px solid rgba(210,164,84,.055)}
.character-hero:after{content:"";position:absolute;left:-8%;bottom:-170px;width:120%;height:220px;border-radius:50% 48% 0 0;border-top:2px solid rgba(196,145,55,.20);transform:rotate(-3deg)}
.character-hero-grid{min-height:390px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:48px 0 64px}
.character-breadcrumb{font-size:.82rem;color:#968c7b;margin-bottom:28px}
.character-breadcrumb a{font-size:.82rem;color:#6b716c;font-weight:500}
.character-breadcrumb span{margin:0 8px;color:#c2ae90}
.character-brandline{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.character-brandline img{width:56px;height:49px;object-fit:contain}
.character-brandline span{font-size:.76rem;color:#986728;font-weight:700;letter-spacing:.2em}
.character-hero h1{color:#8b5d20;font-weight:700;font-size:clamp(3.5rem,6vw,5.5rem);margin:0}
.character-tagline{font-size:clamp(1.3rem,2vw,1.7rem)!important;color:#5f4730;margin:7px 0 15px}
.character-hero-lead{font-size:1.08rem!important;color:#5c5247;max-width:570px;margin:0 0 24px}
.character-action{display:inline-flex;align-items:center;gap:22px;background:linear-gradient(120deg,#be8b36,#96621e);color:#fff!important;padding:12px 20px;border-radius:9px;font-size:.93rem;font-weight:700;box-shadow:0 8px 20px rgba(173,123,46,.16)}
.character-action:hover{filter:brightness(.97)}
.character-hero-abstract{height:300px;position:relative}
.abstract-ring{position:absolute;border:1px solid rgba(190,139,54,.20);border-radius:50%;transform:rotate(-24deg)}
.ring-one{width:390px;height:210px;right:18px;top:20px}
.ring-two{width:500px;height:260px;right:-110px;top:70px}
.abstract-leaf{position:absolute;width:95px;height:185px;top:55px;right:90px;border-radius:0 95% 0 95%;transform:rotate(22deg);background:linear-gradient(110deg,rgba(220,176,91,.13),rgba(241,215,165,.04))}
.leaf-two{right:215px;top:45px;transform:rotate(-25deg);width:60px;height:115px}
.leaf-three{right:150px;top:182px;transform:rotate(65deg);width:50px;height:95px}
.character-philosophy{padding:70px 0 58px;max-width:1220px}
.character-small-label{color:#a16d2b;font-weight:700;font-size:.78rem!important;letter-spacing:.13em;margin:0 0 11px}
.character-philosophy h2,.character-section-header h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 15px;color:#233238}
.character-philosophy>p:last-child{max-width:910px;color:#5c6265;font-size:1.05rem;margin:0}
.character-initiatives{padding:15px 0 72px}
.character-section-header{margin-bottom:26px}
.character-section-header p{margin:0;max-width:720px;color:#677077}
.character-initiative-card{display:grid;grid-template-columns:.78fr 1.55fr .72fr;align-items:center;gap:34px;background:linear-gradient(110deg,#fffcf6 0%,#fff 51%,#fffcf8 100%);border:1px solid #eee1ce;box-shadow:0 12px 35px rgba(51,42,31,.045);border-radius:18px;padding:37px 38px;position:relative;overflow:hidden}
.character-initiative-card:before{content:"";position:absolute;left:-90px;bottom:-180px;width:330px;height:330px;background:radial-gradient(circle,rgba(226,188,112,.18),transparent 65%);pointer-events:none}
.character-initiative-brand{z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.character-traveller-emblem{width:62px;height:55px;object-fit:contain}
.character-traveller-wordmark{width:min(100%,285px);height:auto}
.character-initiative-brand p{letter-spacing:.09em;font-size:.64rem!important;font-weight:700;color:#9b6b2c;margin:0;white-space:nowrap}
.character-initiative-copy{z-index:1}
.character-initiative-copy h3{font-size:1.7rem;color:#352b20;margin:0 0 12px}
.character-initiative-copy>p:not(.character-small-label){margin:0 0 12px;color:#626261;font-size:.94rem}
.character-offering-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 23px}
.character-offering-tags span{padding:6px 10px;border-radius:50px;background:#f5ead5;color:#876125;font-size:.77rem;font-weight:600}
.character-book-aside{text-align:center;z-index:1}
.character-book-aside img{display:block;max-width:155px;max-height:245px;width:100%;height:auto;object-fit:contain;margin:auto;filter:drop-shadow(12px 13px 12px rgba(48,39,28,.13))}
.character-book-aside a{display:block;font-size:.76rem;color:#855b26;margin-top:13px;font-weight:600}
.character-future-note{text-align:center;font-size:.91rem;color:#83817b;margin:22px 0 0}
.char-page a:hover{text-decoration:none}
@media(max-width:1050px){
 .character-initiative-card{grid-template-columns:1fr 1.6fr;gap:24px}
 .character-book-aside{display:none}
}
@media(max-width:760px){
 .character-inner{width:calc(100% - 40px)}
 .character-hero-grid{display:block;min-height:0;padding:32px 0 48px}
 .character-hero-abstract{display:none}
 .character-breadcrumb{margin-bottom:18px}
 .character-philosophy{padding:45px 0 35px}
 .character-initiative-card{display:flex;flex-direction:column;align-items:stretch;gap:23px;padding:27px 22px}
 .character-initiative-brand{align-items:flex-start;text-align:left}
 .character-initiative-brand p{font-size:.58rem!important}
 .character-book-aside{display:block}
 .character-book-aside img{width:110px}
 .character-book-aside a{margin-top:6px}
 .character-initiatives{padding-bottom:50px}
 .character-hero h1{font-size:3.6rem}
}

/* Approved high-resolution Character emblem: unobtrusive size, original gold artwork. */
.character-brandline img{width:64px;height:59px;object-fit:contain}
.character-traveller-emblem{width:65px;height:60px;object-fit:contain}
