/* Turkiye Elite (EE-4 Phase 6, 25 Oct 2026). Egypt's stylesheet
   (website/assets/css/site.css) with only the colours changed: Ottoman red
   and ivory with antique gold rules (owner, 25 Oct 2026). Layout, type and
   spacing are identical, so a layout fix on one site applies to the other
   by copying the rule across. */
:root{--limestone:#F3EEE3;--limestone-deep:#E7DFCF;--surface:#F9F5EC;--ink:#26181A;
--ink-soft:#6F5A55;--hairline:#D9CDBA;--accent:#A3192E;--night:#1E1215;--night-soft:#BDAAA4;--gold:#B08A3E}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--limestone);color:var(--ink);font-family:'Manrope',sans-serif;
font-size:17.5px;line-height:1.68;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:#fff}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
outline:2px solid var(--accent);outline-offset:3px}
img{display:block;max-width:100%}

/* ---- chrome ---- */
.nav{display:flex;align-items:baseline;justify-content:space-between;gap:28px;
max-width:1180px;margin:0 auto;padding:22px 32px 20px;flex-wrap:wrap}
.nav-mark{font-family:'Cormorant Garamond',serif;font-weight:700;
font-size:clamp(38px,4.6vw,56px);line-height:1;letter-spacing:.015em;
text-decoration:none;white-space:nowrap}
.nav-tag{display:block;font-family:'Manrope',sans-serif;font-size:12.5px;
letter-spacing:.02em;color:var(--ink-soft);margin-top:2px}
.nav-links{display:flex;gap:26px;flex-wrap:wrap;list-style:none}
.nav-links a{font-size:15px;font-weight:600;text-decoration:none;
padding-bottom:3px;border-bottom:1.5px solid transparent}
.nav-links a:hover{border-bottom-color:var(--accent)}
.nav-links a[aria-current="page"]{border-bottom-color:var(--ink)}
.nav-rule{border:0;border-top:1px solid var(--gold);margin:0}
/* Header wordmark in Italiana, bold (owner, 12 Oct 2026); the footer keeps
   Cormorant. Italiana has only one weight, so it is thickened with a thin
   stroke in its own colour (scales with the type) rather than the
   browser's synthetic bold, which smears. */
header .nav-mark{font-family:'Italiana',serif;font-weight:400;letter-spacing:.05em;
-webkit-text-stroke:.03em currentColor;font-synthesis:none}

.footer{background:var(--night);color:var(--limestone);padding:64px 32px 44px}
.footer-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;
gap:34px;align-items:baseline;justify-content:space-between}
.footer .nav-mark{color:var(--limestone);font-size:25px}
.footer .nav-tag{color:var(--night-soft)}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;list-style:none}
.footer-links a{font-size:14.5px;text-decoration:none;color:var(--night-soft)}
.footer-links a:hover{color:var(--limestone)}
.footer-legal{width:100%;margin-top:34px;padding-top:22px;
border-top:1px solid rgba(243,238,227,.14);font-size:13.5px;color:var(--night-soft)}

/* ---- shared blocks ---- */
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.prose{max-width:66ch}
.prose p{margin-bottom:1.35em}
.prose p:last-child{margin-bottom:0}
.btn{display:inline-block;font-family:'Manrope',sans-serif;font-weight:700;
font-size:16px;letter-spacing:.015em;text-decoration:none;color:var(--limestone);
border-radius:999px;padding:16px 38px;
background:linear-gradient(180deg,#5A1F2A 0%,#3A141B 55%,#240C11 100%);
border:1px solid rgba(255,255,255,.16);
box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.35),
0 8px 22px rgba(30,18,21,.25);
transition:filter .18s,transform .18s}
.btn:hover{filter:brightness(1.2);transform:translateY(-1px)}
.btn-light{background:transparent;border-color:rgba(243,238,227,.55);
box-shadow:none}
.btn-light:hover{background:var(--limestone);color:var(--ink);filter:none}
.section-h{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(30px,3.4vw,42px);
line-height:1.18;letter-spacing:.015em;margin-bottom:30px;text-align:center}

/* ---- hero ---- */
.hero{background:var(--night);color:var(--limestone);position:relative;
overflow:hidden;display:flex;align-items:flex-start;
min-height:min(90vh,860px);padding:clamp(72px,11vh,128px) 0 96px}
.hero-photo{background-size:cover;background-position:center}
.hero-photo::before{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,rgba(30,18,21,.60) 0%,rgba(30,18,21,.34) 42%,
rgba(30,18,21,.14) 68%,rgba(30,18,21,.34) 100%)}
.hero-in{position:relative;max-width:920px;width:100%;margin:0 auto;
padding:0 32px;text-align:center}
.hero h1{font-family:'Marcellus',serif;font-weight:400;
font-size:clamp(40px,6vw,78px);line-height:1.12;letter-spacing:.02em;
text-shadow:0 1px 24px rgba(30,18,21,.4)}
.hero-sub{margin:26px auto 0;max-width:none;font-size:19px;line-height:1.6;
color:rgba(243,238,227,.92);text-shadow:0 1px 14px rgba(30,18,21,.4)}
.hero .btn{margin-top:40px}
.hero-about{min-height:min(80vh,740px)}
.hero-about::before{background:linear-gradient(180deg,rgba(30,18,21,.68) 0%,
rgba(30,18,21,.30) 46%,rgba(30,18,21,.14) 72%,rgba(30,18,21,.28) 100%)}
.hero-about h1{font-size:clamp(29px,4.1vw,52px);line-height:1.18;max-width:26ch;
margin:0 auto}
.btn-hero{padding:17px 46px;font-size:16.5px;
border-color:rgba(255,255,255,.22);
box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.4),
0 12px 30px rgba(30,18,21,.42)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero h1{animation:rise .9s ease-out both}
.hero-sub,.hero .btn{animation:rise .9s .35s ease-out both}

/* ---- light + surface sections ---- */
.section{padding:96px 0}
.split{margin:0 auto}
.split .prose{max-width:none}
.figure{margin:0}
.figure img{width:100%;border-radius:2px}
.figure figcaption{font-size:13.5px;color:var(--ink-soft);margin-top:12px}
.cta-strip{text-align:center}
.cta-strip p{max-width:56ch;margin:0 auto 34px;font-size:19px}

/* ---- article (about) ---- */
.pagehead{padding:84px 0 64px}
.pagehead h1{font-family:'Marcellus',serif;font-weight:400;
font-size:clamp(34px,4.6vw,58px);line-height:1.16;letter-spacing:.015em;
max-width:24ch;margin:0 auto;text-align:center}
.media-list{list-style:none;columns:2;column-gap:44px;text-align:center;
max-width:620px;margin:0 auto}
.media-list li{margin-bottom:13px;break-inside:avoid;font-size:16.5px}
.media-list a{text-decoration:none;border-bottom:1.5px solid var(--hairline);
padding-bottom:2px}
.media-list a:hover{border-bottom-color:var(--accent)}
.media-list .soon{color:var(--ink-soft)}
.closing{background:var(--night);color:var(--limestone)}
.closing .wrap{max-width:940px;text-align:center}
.closing p{font-family:'Marcellus',serif;font-size:clamp(22px,2.6vw,31px);
line-height:1.5;letter-spacing:.01em}
.closing .btn{margin-top:44px}

.alt-section{background:var(--surface)}

/* ---- founder (full-width flow) ---- */
.founder-flow{overflow:auto}
.founder-flow h3{font-family:'Marcellus',serif;font-weight:400;font-size:27px;
margin-bottom:2px}
.founder-flow .role{color:var(--ink-soft);font-size:15px;margin-bottom:20px}
.founder-flow p{margin-bottom:1.35em}
.founder-section{background:var(--limestone-deep);
border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
padding:72px 0}
.ff-img{width:min(280px,38%);border-radius:2px}
.ff-left{float:left;margin:6px 38px 16px 0}
.ff-right{float:right;margin:6px 0 16px 38px}

/* ---- locations band ---- */
.locations{background:var(--limestone-deep);border-top:1px solid var(--hairline);
border-bottom:1px solid var(--hairline);padding:72px 0}
.locations-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;
text-align:center;max-width:880px}
.loc h3{font-family:'Marcellus',serif;font-weight:400;font-size:21px;
letter-spacing:.02em;margin-bottom:10px}
.loc p{color:var(--ink-soft);font-size:16.5px;line-height:1.65}

/* ---- contact ---- */
.contact-grid{display:grid;grid-template-columns:minmax(240px,1fr) 1.4fr;gap:64px}
.field{margin-bottom:22px}
.field label{display:block;font-size:14.5px;font-weight:700;margin-bottom:8px}
.inp,textarea.inp{width:100%;font-family:'Manrope',sans-serif;font-size:16.5px;
color:var(--ink);background:var(--surface);border:1px solid var(--hairline);
border-radius:2px;padding:13px 15px}
.inp:focus{border-color:var(--ink)}
textarea.inp{min-height:170px;resize:vertical}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

@media (max-width:900px){
.section{padding:68px 0}
.contact-grid{grid-template-columns:1fr;gap:30px}
.media-list{columns:1}
.hero{min-height:76vh;padding:64px 0 72px}
.hero-photo{background-position:center}
.hero-photo::before{background:linear-gradient(180deg,rgba(30,18,21,.62) 0%,
rgba(30,18,21,.38) 55%,rgba(30,18,21,.44) 100%)}
.hero-in{padding:0 24px}
.ff-img{float:none;width:100%;margin:8px 0 18px}
.wrap,.nav{padding-left:24px;padding-right:24px}
}
@media (prefers-reduced-motion:reduce){
.hero h1,.hero-sub,.hero .btn{animation:none}
html{scroll-behavior:auto}
}

/* contact form states */
.contact-form-col{min-width:0}
.form-msg{padding:16px 18px;border-radius:10px;margin:0 0 18px;font-size:.95rem;line-height:1.5}
.form-msg-ok{background:#E8EFE6;border:1px solid #BBD0B4;color:#2C4426}
.form-msg-err{background:#F6E7E3;border:1px solid #DDBBB2;color:#6B2C1B}
.form-done{padding:26px 0}
.form-done h2{font-family:Marcellus,serif;font-size:1.4rem;margin:0 0 10px}
button[disabled]{opacity:.55;cursor:not-allowed}

/* Turkiye's photographs are bright where the headline sits (sunset skies),
   unlike Egypt's Karnak; a deeper top shade keeps the ivory type legible. */
.hero-bright::before{background:linear-gradient(180deg,rgba(30,18,21,.74) 0%,
rgba(30,18,21,.58) 40%,rgba(30,18,21,.22) 72%,rgba(30,18,21,.36) 100%)}
.hero-bright h1,.hero-bright .hero-sub{text-shadow:0 2px 28px rgba(30,18,21,.65)}