
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@300;400;500;600&display=swap');
:root{--ink:#12110f;--gold:#c99b52;--cream:#f2eadc;--paper:#fbf7ef;--muted:#756d61}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif}
a{color:inherit;text-decoration:none}.nav{height:78px;background:#11100f;color:#f8f2e8;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:24px;position:relative;z-index:2}
.logo{font-family:'Cormorant Garamond',serif;color:#d8b477;font-size:30px;letter-spacing:5px;line-height:.85;white-space:nowrap}.logo small{display:block;color:#eee8dd;font:10px Montserrat;letter-spacing:4px;text-align:center;margin-top:7px}
.links{display:flex;gap:25px;align-items:center;font-size:12px}.links a{white-space:nowrap}.links a:hover,.links a.active{color:#e1bd7b}
.lang{border:1px solid #8f744b;padding:10px 12px;font-size:11px}.cta{background:#d7b77d;color:#16120c;padding:13px 22px;font-size:11px;font-weight:600;letter-spacing:1px}
.hero{min-height:390px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;padding:60px 22px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.48),rgba(0,0,0,.25))}
.hero-content{position:relative;max-width:760px}.eyebrow{letter-spacing:5px;font-size:12px;text-transform:uppercase}.hero h1{font:500 clamp(42px,5vw,66px) 'Cormorant Garamond',serif;margin:18px 0 10px}.rule{width:110px;height:1px;background:#d5aa63;margin:20px auto}.hero p{font-size:17px;line-height:1.7;max-width:650px;margin:0 auto 25px}
.section{padding:42px 5.5% 55px;text-align:center}.section h2{font:500 40px 'Cormorant Garamond',serif;margin:0 0 8px}.intro{color:#5e574d;font-size:15px;margin:0 auto 30px;max-width:900px;line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.cards.four{grid-template-columns:repeat(4,1fr)}.card{position:relative;min-height:255px;border-radius:7px;overflow:hidden;background:#171411;color:white}.card img{width:100%;height:255px;object-fit:cover;display:block}.card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.card-copy{position:absolute;z-index:1;bottom:18px;left:20px;right:18px}.card h3{font:500 24px 'Cormorant Garamond',serif;margin:0 0 5px}.card p{font-size:12px;line-height:1.6;margin:0;color:#eee}
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:32px 0 0}.value{border-right:1px solid #c9ad82;padding:12px 6px;font:500 18px 'Cormorant Garamond',serif}.value:last-child{border:0}
.split{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;align-items:center;text-align:left}.split h2{font-size:34px}.split p,.split li{font-size:15px;line-height:1.8}.brandmark{text-align:center;border-left:1px solid #d6c6ae;border-right:1px solid #d6c6ae;padding:25px;color:#b88b45;font:70px 'Cormorant Garamond',serif}.brandmark small{display:block;color:#211c16;font:11px Montserrat;letter-spacing:5px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.3fr .8fr;gap:24px;align-items:stretch;text-align:left}.contact-info{padding:15px 0}.contact-info h3{font:600 20px 'Cormorant Garamond',serif;margin:18px 0 3px}.formbox{background:#f8f1e7;border:1px solid #d8c9b5;border-radius:12px;padding:24px}.formbox h2{text-align:center}.formbox p{text-align:center;color:#61594e;font-size:13px;line-height:1.6}
input,select,textarea{width:100%;padding:13px;border:1px solid #c9bca9;border-radius:5px;background:#fffaf3;font:13px Montserrat;margin:6px 0}textarea{min-height:100px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.submit{width:100%;border:0;background:#d5a64f;padding:15px;font-weight:600;cursor:pointer}
footer{background:#12110f;color:#e8dfd2;text-align:center;padding:30px;font-size:12px;line-height:2}footer a{color:#d7b77d}
@media(max-width:900px){.nav{height:auto;min-height:75px;flex-wrap:wrap;padding:15px 5%}.links{order:3;width:100%;overflow:auto;gap:18px;padding:8px 0}.lang{display:none}.cards,.cards.four{grid-template-columns:repeat(2,1fr)}.split,.contact-grid{grid-template-columns:1fr}.brandmark{border:0;border-top:1px solid #d6c6ae;border-bottom:1px solid #d6c6ae}.values{grid-template-columns:repeat(2,1fr)}.hero{min-height:360px}}
@media(max-width:560px){.cards,.cards.four,.formrow{grid-template-columns:1fr}.section{padding:35px 5%}.section h2{font-size:32px}.hero h1{font-size:42px}.card,.card img{min-height:220px;height:220px}}

/* KASRÉA expanded service and experience catalogue */
.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;text-align:left;max-width:1120px;margin:38px auto 0;border-top:1px solid #d3c1a6}.detail{position:relative;padding:25px 12px 24px 58px;border-bottom:1px solid #d3c1a6;min-height:142px}.detail-no{position:absolute;left:8px;top:26px;color:#b88b45;font:500 22px 'Cormorant Garamond',serif}.detail h3{font:500 25px 'Cormorant Garamond',serif;margin:0 0 8px}.detail p{font-size:13px;line-height:1.8;color:#5e574d;margin:0}.note{margin-top:34px!important}.enquiry{background:#e9dfd0}.enquiry .formbox{max-width:760px;margin:auto;text-align:center}.enquiry .eyebrow{font-size:10px;color:#9b753d;letter-spacing:3px}.enquiry .disclaimer{display:block;color:#766d60;font-size:10px;line-height:1.6;margin-top:15px}.card-link{display:inline-block;margin-top:12px;color:#e5c58e;font-size:10px;font-weight:600;letter-spacing:1px}.home-cta{margin:45px auto 0;padding:38px 20px;background:#171411;color:#f7efe2;border-radius:7px}.home-cta h2{color:#f7efe2}.home-cta p{font-size:13px;margin:10px 0 22px}.home-cta .cta{display:inline-block;margin:5px}
@media(max-width:650px){.details-grid{grid-template-columns:1fr}.detail{min-height:0;padding:22px 8px 22px 48px}.detail-no{left:3px;top:23px}.home-cta .cta{display:block;margin:10px auto;max-width:280px}}

.lang-switch{display:flex;gap:5px;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.lang-switch button{border:1px solid #8f744b;border-radius:2px;background:transparent;color:#f8f2e8;padding:8px 9px;font:500 10px Montserrat,Arial,sans-serif;cursor:pointer;white-space:nowrap}.lang-switch button:hover,.lang-switch button:focus-visible{border-color:#d7b77d;outline:1px solid #d7b77d;outline-offset:2px}.lang-switch button.active{background:#d7b77d;color:#16120c}.rtl{direction:rtl;text-align:right}.rtl .nav,.rtl .links,.rtl .formrow{direction:rtl}.rtl .detail{padding:25px 58px 24px 12px}.rtl .detail-no{left:auto;right:8px}.rtl .cards,.rtl .contact-grid{text-align:right}.rtl input,.rtl select,.rtl textarea{direction:rtl;text-align:right}@media(max-width:900px){.lang-switch{order:4;width:100%;margin:8px auto 2px;flex-wrap:wrap}.lang-switch button{padding:9px 13px;font-size:11px}.nav>.cta{order:5;margin:4px auto 0}.rtl .lang-switch{margin:8px auto 2px}}

/* Contact page: warm welcome image + private enquiry form */
.contact-page{background:#f4ecdf;padding-top:52px;padding-bottom:64px}
.contact-page-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch;text-align:left}
.contact-welcome{position:relative;min-height:660px;overflow:hidden;border-radius:9px;background:#241d16;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.contact-welcome-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.contact-welcome:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(20,15,10,.84) 100%)}
.contact-welcome-copy,.contact-quick{position:relative;z-index:1;padding-left:38px;padding-right:38px}
.contact-welcome-copy{padding-top:280px;padding-bottom:12px}
.contact-welcome-copy .eyebrow{font-size:10px;letter-spacing:3px;color:#e8c88f}
.contact-welcome-copy h1{font:500 clamp(38px,4vw,54px) 'Cormorant Garamond',serif;margin:15px 0}
.contact-welcome-copy p{font-size:13px;line-height:1.9;color:#f4eee5;max-width:520px}
.contact-quick{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:12px;padding-bottom:32px;font-size:12px;color:#f2d6a5}
.contact-formbox{align-self:center;padding:38px 34px;box-shadow:0 12px 35px rgba(55,39,18,.06)}
.contact-formbox h2{text-align:left;font-size:38px}.contact-formbox>p{text-align:left;margin-bottom:24px}.contact-formbox .privacy-note{margin-top:18px;font-size:11px}
@media(max-width:760px){.contact-page-grid{grid-template-columns:1fr;gap:22px}.contact-welcome{min-height:580px}.contact-welcome-copy{padding-left:25px;padding-right:25px;padding-top:250px}.contact-quick{padding-left:25px;padding-right:25px;padding-bottom:25px}.contact-formbox{padding:27px 20px}.contact-formbox h2{font-size:34px}}


/* KASRÉA editorial cards: no placeholder-black panels where no approved unique photo exists */
.editorial-cards .card:not(:has(img)){background:linear-gradient(145deg,#f8f2e8,#e9dece);color:#211b14;border:1px solid #d8c7aa;min-height:255px;display:flex;align-items:flex-end}
.editorial-cards .card:not(:has(img)):after{display:none}
.editorial-cards .card:not(:has(img)) .card-copy{position:relative;inset:auto;padding:26px 24px;width:100%}
.editorial-cards .card:not(:has(img)) .card-copy h3{color:#8d6937;font-size:27px}
.editorial-cards .card:not(:has(img)) .card-copy p{color:#554b3e;font-size:12px;line-height:1.8}
@media(max-width:560px){.editorial-cards .card:not(:has(img)){min-height:205px}}

/* Explicit, accessible hero photography on the About page */
.hero.has-photo{isolation:isolate;overflow:hidden}
.hero.has-photo .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero.has-photo:before{z-index:1}
.hero.has-photo .hero-content{z-index:2}

/* About page: four dedicated, non-repeated editorial photographs */
.editorial-cards .card:has(img){min-height:255px;background:#171411}
.editorial-cards .card:has(img) img{width:100%;height:255px;object-fit:cover;display:block}

.about-values p{margin:0 0 7px;line-height:1.45}.about-values p:last-child{margin-bottom:0}
