/* Om Londhe — six brand colors, clear surfaces and purposeful glass. */
:root {
  --studio-white:#FFFFFF; --vibrant-coral:#FF634D; --soft-peach:#FFD5CD;
  --deep-slate:#2D3436; --cool-grey:#636E72; --softer-peach:#FFF5F3;
}
:root,body[data-page] {
  --bg:var(--studio-white); --surface:var(--studio-white); --ink:var(--deep-slate);
  --muted:var(--cool-grey); --accent:var(--vibrant-coral); --accent-soft:var(--soft-peach);
  --line:#2D34361F; --glass:#FFFFFFEB; --glass-line:#2D34361F;
  --shadow:0 8px 28px #2D343608;
  color:var(--deep-slate); background:var(--studio-white);
}
::selection { background:var(--soft-peach); color:var(--deep-slate); }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid var(--deep-slate); outline-offset:5px; }
/* A slight slate mix gives large coral text sufficient contrast on white. */
.home-intro h1 span,.creator-intro h1 span { color:var(--vibrant-coral); color:color-mix(in srgb,var(--vibrant-coral) 97%,var(--deep-slate)); }
.home-role,.career-title,.creator-description,.brand,.creator-mini-label { color:var(--deep-slate); }
.eyebrow,.route-label,.creator-route .route-label,.career-route .route-label,
.channel-identity>span,.feature-topline,.feature-caption>span,.filter-status,
.video-category,.video-copy .video-category,.latest-update,.latest-player-label,
.latest-player-card>p,.capability-card>span:last-child,.experience-timeline .eyebrow { color:var(--cool-grey); }

/* Floating navigation: readable slate labels, a persistent sliding selection. */
.site-header,body[data-page="creator"] .site-header {
  display:grid; grid-template-columns:1fr auto 1fr;
  background:linear-gradient(125deg,#FFFFFFF5,#FFFFFFE6 50%,#FFFFFFF0);
  border:1px solid #2D34361A;
  backdrop-filter:blur(26px) saturate(1.4); -webkit-backdrop-filter:blur(26px) saturate(1.4);
  box-shadow:inset 0 1px 0 #FFFFFF,0 8px 30px #2D34360A;
}
.site-header>.brand { justify-self:start; }
.header-actions { justify-self:end; }
.page-nav { position:relative; isolation:isolate; }
.page-nav a,.page-nav a[aria-current],.site-header .page-nav a,
body[data-page="creator"] .page-nav a[aria-current] {
  position:relative; z-index:1; color:var(--deep-slate); opacity:1; font-weight:500;
  transition:color .16s ease,background .16s ease;
}
.page-nav a:hover { background:#2D343609; }
.page-nav a[aria-current],body[data-page="creator"] .page-nav a[aria-current] {
  background:var(--soft-peach); box-shadow:none;
}
html.nav-enhanced .page-nav a[aria-current],
html.nav-enhanced body[data-page="creator"] .page-nav a[aria-current] { background:transparent; box-shadow:none; }
.site-header .page-nav a:focus-visible { outline-offset:1px; }
.nav-pill {
  position:absolute; z-index:0; left:0; top:0; pointer-events:none;
  border-radius:25px; border:1px solid #FF634D26;
  background:linear-gradient(135deg,#FFF5F3F2,#FFD5CDE6);
  box-shadow:inset 0 1px 0 #FFFFFF,0 2px 6px #2D343605;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),width .24s cubic-bezier(.2,.8,.2,1),height .24s ease;
}
html.nav-snap .nav-pill { transition:none; }
.site-header .header-contact,body[data-page="creator"] .header-contact {
  color:var(--deep-slate); border:1px solid #2D34361A;
  background:linear-gradient(135deg,#FFFFFFF2,#FFFFFF99);
  box-shadow:inset 0 1px 0 #FFFFFF; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}

/* Actions: readable white on slate; coral identifies the next step. */
.button.primary,body[data-page="creator"] .button.primary {
  background:var(--deep-slate); color:var(--studio-white); font-weight:600;
  border:1px solid var(--deep-slate); box-shadow:0 5px 14px #2D343612;
}
.button.primary>svg { color:var(--vibrant-coral); }
.button.primary:hover { background:var(--deep-slate); box-shadow:0 9px 22px #2D343626; }
.secondary,.copy-button,body[data-page="creator"] .secondary,body[data-page="creator"] .copy-button {
  color:var(--deep-slate); background:var(--studio-white); border:1px solid #2D343626;
  box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
}
.secondary:hover,.copy-button:hover { background:var(--studio-white); border-color:#2D343659; box-shadow:0 4px 12px #2D343608; }
.text-link { color:var(--deep-slate); }
.text-link:hover { text-decoration:underline; text-underline-offset:5px; text-decoration-color:var(--vibrant-coral); }

/* Home: white canvas, authentic photography, small floating glass objects. */
.portrait-halo { opacity:.25; }
.portrait-frame,.career-avatar,.mini-profile,.hometown-film {
  background:var(--studio-white); border-color:#2D34361A;
  box-shadow:0 14px 40px #2D34360D; backdrop-filter:none; -webkit-backdrop-filter:none;
}
.portrait-caption {
  color:var(--deep-slate); border:1px solid #FFFFFF; background:#FFFFFFD9;
  box-shadow:inset 0 1px 0 #FFFFFF,0 6px 18px #2D343614;
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.clay-code,.clay-play,.clay-mini-play,.soft-play,body[data-page="creator"] .soft-play {
  color:var(--deep-slate); background:linear-gradient(140deg,#FFFFFFE6,#FFFFFFA3);
  border:1px solid #FFFFFFF2;
  box-shadow:inset 2px 2px 7px #FFFFFF,inset -2px -2px 8px #2D34360C,0 10px 24px #2D34361A;
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.route-card,.career-facts,.experience-card,.capability-card,.outcome-list details,
.career-creator-note,.creator-feature,.latest-player-card,.video-card,
body[data-page="creator"] .creator-feature {
  background:var(--studio-white); border:1px solid #2D34361F;
  box-shadow:0 8px 28px #2D343608; backdrop-filter:none; -webkit-backdrop-filter:none;
}
.career-route { border-top:3px solid var(--deep-slate); }
.creator-route { border-top:3px solid var(--vibrant-coral); }
.round-arrow { color:var(--deep-slate); background:var(--studio-white); border:1px solid #2D34361F; box-shadow:none; }
.career-route .route-card-copy>p,.creator-route .route-card-copy>p,.about-copy>p:not(.eyebrow),
.career-creator-note p,.capability-card p,.creator-bio,.video-copy>p,.collaboration-note p { color:var(--cool-grey); }
.mini-profile-line span,.personal-tags span { color:var(--cool-grey); background:var(--studio-white); border:1px solid #2D34361A; box-shadow:none; }

/* Career: a decisive slate summary and calm, sharply defined content. */
body[data-page="career"] .career-facts {
  --line:#FFFFFF33; color:var(--studio-white); background:var(--deep-slate);
  border-color:var(--deep-slate); box-shadow:none;
}
body[data-page="career"] .career-facts strong { color:var(--studio-white); }
body[data-page="career"] .career-facts span { color:#FFFFFFCC; }
body[data-page="career"] .career-facts small { color:#FFFFFFCC; }
.company-monogram { background:var(--studio-white); border-color:#2D34361F; }
.capability-icon { color:var(--deep-slate); background:var(--studio-white); border:1px solid #2D343626; box-shadow:none; }
.career-sections {
  padding:7px 14px; border:1px solid #2D34361A; border-radius:26px;
  background:#FFFFFFEB; box-shadow:none; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
.career-sections a { color:var(--deep-slate); }
.career-sections a:hover { color:var(--deep-slate); text-decoration:underline; text-decoration-color:var(--vibrant-coral); text-underline-offset:5px; }
.outcome-list summary>strong { color:var(--deep-slate); }
.outcome-list summary>i { color:var(--cool-grey); }
.outcome-list details[data-expanded="true"] {
  background:var(--studio-white); border-color:#2D343640;
  box-shadow:inset 3px 0 0 var(--vibrant-coral),0 6px 20px #2D343608;
}
.outcome-list details summary:hover { background:#2D343604; }

/* Creator: vivid coral punctuation, a white gallery and one slate community panel. */
.creator-feature,body[data-page="creator"] .creator-feature {
  border-top:3px solid var(--vibrant-coral);
  transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(2deg);
}
.creator-flower { color:var(--vibrant-coral); text-shadow:none; }
.record-indicator { background:var(--vibrant-coral); box-shadow:none; }
.feature-caption p { color:var(--deep-slate); }
.feature-watch { background:#2D3436EB; color:var(--studio-white); border-color:#FFFFFF33; }
.feature-play,.video-play {
  background:#FFFFFFF2; color:var(--deep-slate); border-color:#FFFFFF;
  box-shadow:inset 0 1px 0 #FFFFFF,0 4px 16px #2D34361F;
}
body[data-page="creator"] .video-filter button {
  color:var(--deep-slate); background:var(--studio-white); border:1px solid #2D343626;
  box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
}
body[data-page="creator"] .video-filter button:hover { background:var(--studio-white); border-color:#2D343659; }
body[data-page="creator"] .video-filter button[aria-pressed="true"] {
  background:var(--deep-slate); color:var(--studio-white); border-color:var(--deep-slate);
  box-shadow:inset 0 -3px 0 var(--vibrant-coral);
}
.latest-player { background:var(--deep-slate); }
.latest-update i { background:var(--vibrant-coral); box-shadow:0 0 0 4px #FF634D14; }
.creator-community,body[data-page="creator"] .creator-community {
  color:var(--studio-white); background:var(--deep-slate);
  border:1px solid var(--deep-slate); border-top:3px solid var(--vibrant-coral);
  box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
}
.creator-community h2 { color:var(--studio-white); }
.creator-community .eyebrow { color:var(--soft-peach); }
.creator-community .community-heading>p:not(.eyebrow) { color:#FFFFFFD9; }
.creator-community .button.primary,body[data-page="creator"] .creator-community .button.primary { color:var(--deep-slate); background:var(--studio-white); border-color:var(--studio-white); box-shadow:none; }
.creator-community .button.primary>svg { color:var(--deep-slate); }
.creator-community .button.secondary { color:var(--studio-white); background:var(--deep-slate); border-color:#FFFFFF73; box-shadow:none; }
.creator-community a:focus-visible { outline-color:var(--studio-white); }
.video-dialog { color:var(--deep-slate); background:var(--studio-white); border-color:#2D343626; box-shadow:0 30px 100px #2D343647; }
.video-dialog::backdrop { background:#2D343680; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }

/* Logo badges need clear space inside the pill; adjacent actions match height. */
.button:has(>.brand-icon-disc),.hero-actions .button,.connection-links .button,.community-links .button {
  min-height:60px; padding-top:11px; padding-bottom:11px;
}

/* Authentic marks sit on neutral white circles, including dark actions. */
img.brand-icon { display:inline-block; flex:0 0 auto; object-fit:contain; width:23px; height:23px; margin:0; }
img.brand-youtube { width:32px; height:27px; }
img.brand-x { width:18px; height:18px; }
.site-header img.brand-icon { width:20px; height:20px; }
.site-header img.brand-youtube { width:28px; height:24px; }
.company-heading>a img.brand-icon { width:25px; height:23px; }
.brand-icon-disc {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 36px;
  width:36px; height:36px; border-radius:50%; background:var(--studio-white);
  border:1px solid #2D343614; box-shadow:none; line-height:1; overflow:hidden;
}
.brand-icon-disc img.brand-icon { width:22px; height:22px; max-width:none; margin:0; object-fit:contain; }
.brand-icon-disc img.brand-youtube { width:27px; height:23px; }
.brand-icon-disc img.brand-x { width:17px; height:17px; }
.site-header .brand-icon-disc { flex-basis:30px; width:30px; height:30px; }
.site-header .brand-icon-disc img.brand-icon { width:19px; height:19px; }
.site-header .brand-icon-disc img.brand-youtube { width:23px; height:20px; }
.footer-social { gap:8px; flex-wrap:wrap; }
.footer-social a {
  gap:8px; padding:0 12px; min-height:44px; border-radius:18px; border:1px solid #2D34361F;
  color:var(--deep-slate); background:var(--studio-white); box-shadow:none;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
.footer-social .brand-icon-disc { flex-basis:28px; width:28px; height:28px; }
.footer-social .brand-icon-disc img.brand-icon { width:17px; height:17px; }
.footer-social .brand-icon-disc img.brand-youtube { width:22px; height:19px; }
.footer-social .brand-icon-disc img.brand-x { width:14px; height:14px; }

/* Portrait movement remains separate from stable page text. */
.portrait-flight { position:fixed; z-index:80; pointer-events:none; overflow:hidden; transform-origin:center; will-change:transform,border-radius; }
.portrait-flight img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; max-width:none; }
@media(max-width:800px) { .site-header .header-contact { gap:8px; padding-inline:12px; } }
@media(max-width:620px) {
  .site-header,body[data-page="creator"] .site-header { display:flex; grid-template-columns:none; justify-content:space-between; }
  .footer-social { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .footer-social a { justify-content:center; font-size:11px; padding-inline:10px; }
  .footer-social a>svg { display:none; }
  .career-sections { padding:7px 15px; gap:0 16px; }
  .latest-player-label { font-size:7px; letter-spacing:.4px; }
}
@media(prefers-reduced-motion:reduce) { .nav-pill { transition:none; } }
html[data-motion="off"] .nav-pill { transition:none; }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .site-header,body[data-page="creator"] .site-header,.site-header .header-contact,
  .portrait-caption,.career-sections,.clay-code,.clay-play,.clay-mini-play,.soft-play,body[data-page="creator"] .soft-play {
    background:var(--studio-white); backdrop-filter:none; -webkit-backdrop-filter:none; border-color:#2D343647;
  }
  .nav-pill { background:var(--soft-peach); }
  .feature-watch { background:var(--deep-slate); }
}
@supports not (backdrop-filter:blur(1px)) {
  .site-header,body[data-page="creator"] .site-header,.portrait-caption { background:var(--studio-white); }
}
@media print {
  body[data-page="career"] .career-facts { --line:#2D34361F; color:var(--deep-slate); background:var(--studio-white); border-color:var(--deep-slate); }
  body[data-page="career"] .career-facts strong,body[data-page="career"] .career-facts span,
  body[data-page="career"] .career-facts small { color:var(--deep-slate); }
}