:root{--navy:#071a2a;--navy2:#102d44;--cream:#f4efe5;--cream2:#e8dece;--gold:#c5a05b;--gold2:#dfc68c;--ink:#1c252c;--muted:#66716f;--border:#ded6c9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;background:var(--cream);color:var(--ink)}a{text-decoration:none;color:inherit}
header{position:fixed;z-index:30;top:0;left:0;right:0;height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(7,26,42,.93);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.brand,.footer-brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--navy);font-family:"Playfair Display";font-weight:700}.brand b,.footer-brand b{display:block;letter-spacing:.13em;font-size:13px}.brand small,.footer-brand small{display:block;color:#b7c1c9;font-size:10px;margin-top:3px}
nav{display:flex;gap:24px;align-items:center;font-size:13px;color:#d8dfe4}nav a:hover{color:#fff}.navcta{border:1px solid var(--gold);padding:10px 16px;border-radius:99px}.toggle{display:none;border:0;background:none;color:#fff;font-size:24px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 7vw 85px;color:#fff;background:linear-gradient(90deg,rgba(5,19,30,.96),rgba(5,19,30,.66) 52%,rgba(5,19,30,.2)),url("https://images.unsplash.com/photo-1552566626-52f8b828add9?auto=format&fit=crop&w=1800&q=85") center/cover}.overlay{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,transparent,rgba(5,19,30,.35) 55%,rgba(5,19,30,.65))}.hero-inner{position:relative;z-index:2;max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:11px;font-weight:700;color:var(--gold2)}.eyebrow.dark{color:#8a6a35}.hero h1,h2{font-family:"Playfair Display",serif;line-height:1.04;margin:16px 0}.hero h1{font-size:clamp(56px,7vw,100px)}.hero h1 em{color:var(--gold2)}.lead{font-size:18px;line-height:1.75;color:#d4dbe0;max-width:700px}.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:99px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer}.gold{background:var(--gold);color:var(--navy)}.outline{border-color:rgba(255,255,255,.45);color:#fff}.darkbtn{background:var(--navy);color:#fff}.hero-note{position:absolute;right:5vw;bottom:48px;z-index:2;border-left:1px solid var(--gold);padding-left:16px}.hero-note small,.hero-note strong{display:block}.hero-note small{letter-spacing:.15em;color:#bac4ca}
.section{padding:110px 8vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.section-heading h2{font-size:clamp(42px,5vw,72px);color:var(--navy)}.intro-copy{font-size:17px;line-height:1.8;color:#525d5b}.values{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.values article,.service-grid article,.career-grid article{background:#fff;border:1px solid var(--border);padding:24px}.values span,.service-grid span{color:#99763a;font-size:12px}.values h3,.service-grid h3,.career-grid h3{font-family:"Playfair Display";font-size:24px;margin:28px 0 10px}.values p,.service-grid p,.career-grid p{color:var(--muted);line-height:1.65}
.centered{text-align:center;max-width:820px;margin:0 auto 45px}.light h2{color:#fff}.light>p:last-child{color:#b9c4ca}.brands{background:var(--navy);color:#fff}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-card{min-height:520px;position:relative;overflow:hidden;background-size:cover;background-position:center}.brand-card.coffee{background-image:url("https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1200&q=85")}.brand-card.zaatar{background-image:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1200&q=85")}.brand-card.future{background-image:url("https://images.unsplash.com/photo-1514933651103-005eec06c04b?auto=format&fit=crop&w=1200&q=85")}.brand-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,42,.05),rgba(7,26,42,.95))}.brand-content{position:absolute;left:26px;right:26px;bottom:26px}.brand-content span{font-size:10px;letter-spacing:.15em;color:var(--gold2)}.brand-content h3{font-family:"Playfair Display";font-size:36px;margin:12px 0}.brand-content p{color:#c1cbd1;line-height:1.65}.brand-content a{color:var(--gold2);font-weight:700;font-size:13px}
.platform{display:grid;grid-template-columns:1fr}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.operating-model{padding:100px 8vw;background:var(--cream2)}.model-copy{max-width:850px}.model-copy h2{font-size:clamp(44px,5vw,72px);color:var(--navy)}.model-copy>p:last-child{font-size:17px;line-height:1.75;color:#56605f}.model-flow{display:flex;align-items:center;gap:14px;margin-top:45px;flex-wrap:wrap}.model-flow div{flex:1;min-width:190px;background:#fff;border:1px solid #d8cec0;padding:20px}.model-flow b,.model-flow span{display:block}.model-flow span{color:var(--muted);font-size:13px;margin-top:6px}.model-flow i{color:#9d7a3b;font-style:normal}
.development{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}.development-image{min-height:760px;background:linear-gradient(180deg,rgba(7,26,42,.05),rgba(7,26,42,.65)),url("https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1300&q=85") center/cover;position:relative}.development-image div{position:absolute;left:35px;right:35px;bottom:35px;color:#fff;font-family:"Playfair Display";font-size:28px;max-width:550px}.development-copy{padding:95px 7vw;background:#fff}.development-copy h2{font-size:clamp(44px,5vw,72px);color:var(--navy)}.development-copy>p:last-of-type{color:var(--muted);line-height:1.7}.steps{margin-top:35px}.steps>div{display:grid;grid-template-columns:45px 190px 1fr;gap:15px;padding:16px 0;border-top:1px solid var(--border)}.steps span{color:#977438}.steps b{font-family:"Playfair Display";font-size:18px}.steps p{margin:0;color:var(--muted)}
.franchise{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--navy);color:#fff}.franchise h2{font-size:clamp(46px,5vw,74px);color:#fff}.franchise p,.franchise li{color:#bdc7cd;line-height:1.7}.franchise ul{padding-left:20px;margin-bottom:28px}
.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.career-grid a{color:#94723a;font-weight:700;font-size:13px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.contact h2{font-size:clamp(44px,5vw,70px);color:var(--navy)}.contact>div>p:last-child{color:var(--muted);line-height:1.75}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:15px;border:1px solid #d8d0c4;background:rgba(255,255,255,.75);font:inherit}textarea{min-height:140px;margin:12px 0;resize:vertical}#message{font-size:13px;color:#2b7756}
footer{background:#04111b;color:#fff;padding:60px 6vw 24px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.footer-cols>div{display:flex;flex-direction:column;gap:9px}.footer-cols a{color:#9eabb4;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:40px;color:#7f8e98;font-size:12px}
@media(max-width:1020px){nav{display:none;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:flex-start;padding:25px 5vw;background:var(--navy)}nav.open{display:flex}.toggle{display:block}.intro,.development,.franchise,.contact{grid-template-columns:1fr}.values,.brand-grid,.service-grid,.career-grid{grid-template-columns:1fr 1fr}.development-image{min-height:560px}.footer-top{flex-direction:column}}
@media(max-width:680px){.hero,.section,.operating-model,.development-copy{padding-left:24px;padding-right:24px}.hero-note{display:none}.values,.brand-grid,.service-grid,.career-grid,.form-grid{grid-template-columns:1fr}.steps>div{grid-template-columns:35px 1fr}.steps p{grid-column:2}.footer-cols{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}}
