/* Premium editorial layer inspired by the retired ChatGPT Sites version. */
:root {
  --ke-copper:#b66542;
  --ke-copper-soft:rgba(182,101,66,.12);
  --ke-navy:#071722;
  --ke-navy-2:#0d2a38;
  --ke-cream:#f5f2eb;
}
html[data-theme="dark"] { --ke-copper:#df8c68; --ke-copper-soft:rgba(223,140,104,.13); }

/* Header refinement */
.editorial-brand { gap:0 !important; }
.editorial-wordmark { display:inline-flex; align-items:baseline; color:var(--text); font-size:25px; line-height:1; font-weight:800; letter-spacing:-.07em; }
.editorial-wordmark i { color:var(--ke-copper); font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; margin-inline-start:1px; }
.editorial-nav-contact { padding:9px 13px !important; border:1px solid var(--line-strong); border-radius:999px; color:var(--text) !important; }
.editorial-nav-contact:hover { color:var(--ke-copper) !important; border-color:var(--ke-copper); }

.editorial-home { overflow:hidden; background:var(--bg); }
.editorial-home .shell { width:min(1220px,calc(100vw - 48px)); }
.editorial-eyebrow { margin:0 0 18px; color:var(--ke-copper) !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.14em !important; text-transform:uppercase; }
html[dir="rtl"] .editorial-eyebrow { letter-spacing:0 !important; }

/* Hero */
.editorial-hero { position:relative; padding:132px 0 0; background:radial-gradient(circle at 78% 18%,var(--ke-copper-soft),transparent 27%),linear-gradient(135deg,var(--bg),var(--surface-2)); }
.editorial-hero::after { content:""; position:absolute; width:45vw; height:45vw; max-width:720px; max-height:720px; top:-18vw; inset-inline-end:-12vw; border:1px solid var(--line); border-radius:50%; opacity:.45; pointer-events:none; }
.editorial-hero-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(330px,.66fr); gap:72px; align-items:end; padding-bottom:48px; }
.editorial-name { margin:0; color:var(--text); font-size:clamp(62px,8vw,112px); line-height:.85; letter-spacing:-.075em; font-weight:800; }
.editorial-name em { color:var(--ke-copper); font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; letter-spacing:-.05em; }
html[dir="rtl"] .editorial-name { font-size:clamp(52px,7vw,94px); line-height:1.08; letter-spacing:-.035em; }
html[dir="rtl"] .editorial-name em { font-family:var(--font-primary); font-style:normal; }
.editorial-statement { margin:30px 0 0; color:var(--text) !important; font-size:clamp(25px,3vw,41px); line-height:1.06; letter-spacing:-.035em; font-weight:650; }
.editorial-intro { max-width:660px; margin:22px 0 0; color:var(--text-soft) !important; font-size:15px; line-height:1.85; }
.editorial-actions { display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin-top:30px; }
.editorial-primary { min-height:48px; display:inline-flex; align-items:center; gap:25px; padding:0 20px; border:1px solid var(--text); color:var(--text); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.editorial-primary:hover { background:var(--text); color:var(--bg); }
.editorial-secondary { color:var(--text-soft); font-size:12px; font-weight:700; }
.editorial-secondary:hover { color:var(--ke-copper); }
.editorial-current { margin-top:31px; padding-top:18px; border-top:1px solid var(--line); display:grid; grid-template-columns:78px 1fr; gap:14px; align-items:start; }
.editorial-current > span { color:var(--ke-copper); font-size:9px; letter-spacing:.13em; }
.editorial-current strong { display:block; font-size:13px; }
.editorial-current small { display:block; margin-top:3px; color:var(--text-faint); font-size:10px; }
.editorial-portrait-wrap { justify-self:end; width:100%; max-width:425px; }
.editorial-portrait { position:relative; margin:0; padding:13px; border:1px solid var(--line-strong); background:var(--surface); box-shadow:0 28px 70px rgba(4,18,25,.16); }
.editorial-portrait::before { content:""; position:absolute; z-index:2; top:-1px; inset-inline-start:-1px; width:42px; height:42px; border-top:2px solid var(--ke-copper); border-inline-start:2px solid var(--ke-copper); }
.editorial-portrait img { display:block; width:100%; height:520px; object-fit:cover; object-position:center 24%; filter:none !important; }
.editorial-portrait figcaption { position:absolute; z-index:2; inset-inline:28px; bottom:28px; padding:12px 13px; background:rgba(4,18,25,.76); backdrop-filter:blur(10px); color:white; font-size:9px; line-height:1.45; letter-spacing:.13em; text-transform:uppercase; }
.editorial-location { display:flex; justify-content:space-between; gap:18px; padding-top:13px; color:var(--text-faint); font-size:9px; letter-spacing:.11em; text-transform:uppercase; }
.editorial-metrics { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.editorial-metrics > div { min-height:105px; padding:24px 28px; border-inline-end:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; }
.editorial-metrics > div:last-child { border-inline-end:0; }
.editorial-metrics strong { color:var(--text); font-size:clamp(30px,3vw,45px); line-height:1; letter-spacing:-.05em; }
.editorial-metrics span { margin-top:8px; color:var(--text-faint); font-size:10px; }

/* Shared sections */
.editorial-section { padding:92px 0; background:var(--bg); }
.editorial-section.alt { background:var(--surface-2); }
.editorial-section.dark { background:var(--ke-navy); color:#eef4f5; }
.editorial-section.dark p { color:#aabdc3; }
.editorial-section h2 { margin:0; color:inherit; font-size:clamp(40px,4.8vw,68px); line-height:.99; letter-spacing:-.055em; font-weight:760; }
html[dir="rtl"] .editorial-section h2 { line-height:1.2; letter-spacing:-.025em; }
.editorial-section h2 em { color:var(--ke-copper); font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; }
.editorial-split { display:grid; grid-template-columns:minmax(290px,.78fr) minmax(0,1.15fr); gap:84px; align-items:start; }
.editorial-large-copy { margin:0 0 20px; color:var(--text) !important; font-size:clamp(21px,2vw,28px); line-height:1.45; letter-spacing:-.02em; }
.editorial-copy > p:not(.editorial-large-copy) { margin:0 0 15px; max-width:720px; color:var(--text-soft); font-size:14px; line-height:1.85; }
.editorial-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }
.editorial-tags span { padding:7px 10px; border:1px solid var(--line-strong); color:var(--text-soft); font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
.editorial-visual { position:relative; overflow:hidden; min-height:290px; border:1px solid var(--line-strong); background:var(--surface); }
.editorial-visual img { width:100%; height:100%; min-height:290px; object-fit:cover; display:block; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.editorial-visual:hover img { transform:scale(1.035); }
.editorial-visual::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); pointer-events:none; }
.profile-layout { display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,.86fr) minmax(340px,.82fr); gap:52px; align-items:start; }
.profile-layout .editorial-visual { min-height:420px; }
.profile-layout .editorial-visual img { min-height:420px; }

/* Work */
.editorial-section-head { display:grid; grid-template-columns:1fr minmax(260px,.42fr); gap:50px; align-items:end; margin-bottom:35px; }
.editorial-section-head > p { margin:0; color:var(--text-soft); font-size:13px; line-height:1.75; }
.editorial-work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.editorial-project { position:relative; min-height:530px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:#0a1c26; color:#f2f6f7; }
.editorial-project-media { height:245px; overflow:hidden; background:#102f3e; }
.editorial-project-media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.editorial-project:hover .editorial-project-media img { transform:scale(1.05); }
.editorial-project-body { padding:23px 24px 26px; }
.editorial-project-index { color:#d9b36a; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.editorial-project h3 { margin:22px 0 11px; color:#f4f7f8; font-size:25px; line-height:1.15; letter-spacing:-.025em; }
.editorial-project p { margin:0; color:#a9bbc1; font-size:12px; line-height:1.72; }
.editorial-project-impact { margin-top:19px !important; color:#e5c274 !important; font-size:11px !important; font-weight:700; }
.editorial-project-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:18px; }
.editorial-project-tags span { padding:5px 7px; border:1px solid rgba(255,255,255,.15); color:#bfd0d4; font-size:8px; }

/* Expertise */
.expertise-layout { display:grid; grid-template-columns:minmax(340px,.8fr) minmax(0,1fr); gap:72px; align-items:stretch; }
.expertise-visual { min-height:570px; }
.expertise-list { border-top:1px solid var(--line); }
.expertise-list article { display:grid; grid-template-columns:52px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); }
.expertise-list .num { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--line-strong); color:var(--ke-copper); font-size:9px; }
.expertise-list h3 { margin:0; color:var(--text); font-size:20px; }
.expertise-list p { margin:7px 0 0; color:var(--text-soft); font-size:12px; line-height:1.7; }

/* Experience */
.experience-intro { display:grid; grid-template-columns:minmax(0,.72fr) minmax(360px,1fr); gap:56px; align-items:end; margin-bottom:36px; }
.experience-intro .editorial-visual { min-height:300px; }
.editorial-timeline { border-top:1px solid var(--line); }
.editorial-timeline article { display:grid; grid-template-columns:170px minmax(230px,.5fr) 1fr; gap:28px; padding:23px 0; border-bottom:1px solid var(--line); align-items:start; }
.editorial-timeline time { color:var(--text-faint); font-size:10px; padding-top:4px; }
.editorial-timeline h3 { margin:0; color:var(--text); font-size:20px; line-height:1.25; }
.editorial-timeline strong { display:block; margin-top:4px; color:var(--ke-copper); font-size:10px; }
.editorial-timeline p { margin:0; color:var(--text-soft); font-size:12px; line-height:1.7; }

/* Education */
.education-layout { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(0,1fr); gap:72px; align-items:start; }
.education-stack { display:grid; gap:12px; }
.education-card-v4 { padding:22px; border:1px solid var(--line); background:var(--surface); }
.education-card-v4 small { color:var(--ke-copper); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.education-card-v4 h3 { margin:12px 0 7px; font-size:20px; line-height:1.25; }
.education-card-v4 p { margin:0; color:var(--text-soft); font-size:11px; line-height:1.7; }
.credential-line { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.credential-line span { padding:7px 9px; background:var(--surface-2); border:1px solid var(--line); color:var(--text-soft); font-size:9px; }
.education-visual { margin-top:22px; min-height:340px; }
.education-visual img { min-height:340px; }

/* Contact */
.editorial-contact { position:relative; padding:92px 0; background:var(--ke-navy); color:#f0f5f6; overflow:hidden; }
.editorial-contact-bg { position:absolute; inset:0 0 0 52%; opacity:.48; }
html[dir="rtl"] .editorial-contact-bg { inset:0 52% 0 0; }
.editorial-contact-bg img { width:100%; height:100%; object-fit:cover; }
.editorial-contact-bg::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--ke-navy),rgba(7,23,34,.2)); }
html[dir="rtl"] .editorial-contact-bg::after { background:linear-gradient(270deg,var(--ke-navy),rgba(7,23,34,.2)); }
.editorial-contact-grid { position:relative; z-index:2; display:grid; grid-template-columns:.75fr 1fr; gap:70px; align-items:start; }
.editorial-contact h2 { margin:0; color:#f3f7f8; font-size:clamp(42px,5vw,72px); line-height:1; letter-spacing:-.055em; }
.editorial-contact h2 em { color:#e2bb70; font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; }
.editorial-contact p { max-width:530px; color:#a9bbc1; font-size:13px; line-height:1.8; }
.editorial-contact-lines { display:flex; flex-direction:column; gap:8px; margin-top:25px; font-size:12px; }
.editorial-contact-lines a { color:#d8e3e6; }
.editorial-contact-lines a:hover { color:#e4bd72; }
.editorial-contact .contact-panel { background:rgba(245,248,249,.96) !important; backdrop-filter:blur(16px); }

/* Interaction */
.editorial-project,.education-card-v4,.editorial-visual { transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.editorial-project:hover,.education-card-v4:hover { transform:translateY(-4px); }
.editorial-project:hover { border-color:rgba(229,194,116,.45); box-shadow:0 25px 55px rgba(0,0,0,.18); }
.education-card-v4:hover,.editorial-visual:hover { border-color:rgba(182,101,66,.38); box-shadow:0 20px 45px rgba(5,22,30,.10); }

@media (max-width:1050px) {
  .editorial-hero-grid { grid-template-columns:1fr .62fr; gap:38px; }
  .profile-layout { grid-template-columns:1fr 1fr; }
  .profile-layout .editorial-visual { grid-column:1 / -1; min-height:360px; }
  .profile-layout .editorial-visual img { min-height:360px; }
  .editorial-work-grid { grid-template-columns:1fr 1fr; }
  .editorial-project:last-child { grid-column:1 / -1; }
  .expertise-layout,.education-layout { gap:42px; }
}
@media (max-width:820px) {
  .editorial-home .shell { width:min(100% - 32px,1220px); }
  .editorial-hero { padding-top:108px; }
  .editorial-hero-grid,.profile-layout,.expertise-layout,.experience-intro,.education-layout,.editorial-contact-grid { grid-template-columns:1fr; gap:34px; }
  .editorial-portrait-wrap { justify-self:start; max-width:520px; }
  .editorial-portrait img { height:560px; }
  .editorial-metrics { grid-template-columns:1fr 1fr; }
  .editorial-metrics > div:nth-child(2) { border-inline-end:0; }
  .editorial-metrics > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .editorial-section { padding:68px 0; }
  .editorial-section-head { grid-template-columns:1fr; gap:16px; }
  .editorial-work-grid { grid-template-columns:1fr; }
  .editorial-project:last-child { grid-column:auto; }
  .expertise-visual { min-height:380px; }
  .editorial-timeline article { grid-template-columns:120px 1fr; }
  .editorial-timeline article > p { grid-column:2; }
  .editorial-contact-bg { inset:42% 0 0 0 !important; opacity:.23; }
}
@media (max-width:560px) {
  .editorial-name { font-size:52px; }
  .editorial-statement { font-size:25px; }
  .editorial-portrait img { height:440px; }
  .editorial-location { flex-direction:column; gap:3px; }
  .editorial-metrics > div { min-height:88px; padding:17px; }
  .editorial-section h2,.editorial-contact h2 { font-size:40px; }
  .editorial-project { min-height:auto; }
  .editorial-project-media { height:215px; }
  .editorial-timeline article { grid-template-columns:1fr; gap:8px; }
  .editorial-timeline article > p { grid-column:auto; }
}