:root {
  --paper:#090909;
  --surface:#111;
  --ink:#f3f3f3;
  --muted:#8b8b8b;
  --line:#262626;
  --accent:#e7e7e7;
  --accent2:#bcbcbc;
  --dark:#090909;
  --serif:Arial,Helvetica,sans-serif;
  --sans:Arial,Helvetica,sans-serif;
  color-scheme:dark;
}
html { scroll-behavior:smooth; scroll-padding-top:82px; background:#090909; }
body {
  background:#090909;
  color:#f3f3f3;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  letter-spacing:-.015em;
}
body:before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 51% 0%,rgba(255,255,255,.035),transparent 42rem),#090909;
}
::selection { background:#eee; color:#090909; }
a { color:inherit; }
.wrap { width:min(1120px,calc(100% - 72px)); }
.topbar {
  height:72px;
  padding:0 max(38px,calc((100vw - 1120px)/2));
  display:flex;
  justify-content:flex-end;
  background:rgba(8,8,8,.88);
  border:0;
  border-bottom:1px solid #252525;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:blur(12px);
}
.topbar .brand,.top-actions .button,.top-actions .theme-toggle,.top-actions .menu-toggle { display:none !important; }
.nav-links { margin-left:auto; gap:40px; color:#929292; font-size:10px; letter-spacing:.2em; }
.nav-links a { transition:color .2s; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:#fff; }
.button {
  height:50px;
  padding:0 26px;
  border-radius:0;
  font-size:10px;
  font-weight:700;
  letter-spacing:.17em;
  transition:background .2s,color .2s,border-color .2s;
}
.button:hover { transform:none; }
.button-light { background:#f3f3f3; color:#080808; border:1px solid #f3f3f3; box-shadow:none; }
.button-light:hover { background:#cecece; border-color:#cecece; }
.button-outline { color:#eee; background:transparent; border:1px solid #414141; }
.button-outline:hover { border-color:#aaa; background:rgba(255,255,255,.04); }
.button-dark { background:#f3f3f3; color:#080808; box-shadow:none; }
.eyebrow,.section-kicker { color:#8a8a8a; font-size:9px; letter-spacing:.2em; font-weight:600; }
.editorial-hero {
  position:relative;
  min-height:min(790px,calc(100vh - 72px));
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#101010;
}
.hero-texture { position:absolute; inset:0; z-index:-1; overflow:hidden; background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.72) 52%,rgba(0,0,0,.55)),radial-gradient(ellipse at 70% 58%,#343434 0,transparent 37%),linear-gradient(145deg,#171717,#070707 70%); }
.hero-texture:before { content:""; position:absolute; width:55vw;height:72vw;max-height:850px;max-width:660px;right:7%;top:7%;border:1px solid rgba(255,255,255,.08);border-radius:48% 52% 42% 58%;transform:rotate(-26deg);box-shadow:0 0 0 30px rgba(255,255,255,.018),0 0 0 80px rgba(255,255,255,.012),inset 0 0 100px rgba(255,255,255,.05); }
.hero-texture:after { content:""; position:absolute;inset:0;opacity:.24;background-image:repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light; }
.hero-copy { position:relative; z-index:1; padding:68px 0 82px; }
.hero-kicker { margin-bottom:25px; color:#aaa; font-size:9px; letter-spacing:.24em; }
.editorial-hero h1 { display:flex;align-items:center; margin:0 0 29px; font-size:clamp(120px,20vw,265px);line-height:.78;letter-spacing:-.095em;font-weight:800;color:#f7f7f7; }
.editorial-hero h1 span { color:inherit; }
.editorial-hero h1 i { margin-left:.11em;color:#a0a0a0;font-size:.66em;font-style:normal;font-weight:300;animation:caret-pulse 1s steps(2,start) infinite; }
@keyframes caret-pulse { to { opacity:0; } }
.hero-roles { display:flex; flex-wrap:wrap; gap:12px 34px; margin:0 0 28px; color:#f0f0f0; font-size:clamp(19px,3vw,34px);font-weight:600;letter-spacing:-.055em; }
.hero-copy>p { max-width:640px;margin:0;color:#929292;font-size:clamp(14px,1.5vw,17px);line-height:1.75; }
.hero-actions { display:flex;gap:14px;margin-top:38px; }
.hero-index { position:absolute;right:max(36px,calc((100vw - 1120px)/2));bottom:27px;left:max(36px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;color:#707070;font-size:8px;letter-spacing:.18em; }
.ticker { height:56px;display:flex;align-items:center;overflow:hidden;background:#111;border-block:1px solid #222; }
.ticker-track { min-width:max-content;justify-content:flex-start;gap:35px;padding-left:35px;color:#898989;font-size:9px;letter-spacing:.23em; }
.ticker-track b { color:#d5d5d5;font-size:12px; }
.section { padding-block:100px; }
.work-section { padding-top:125px;padding-bottom:140px; }
.section-kicker { margin-bottom:18px; }
.editorial-heading { margin:0 0 22px;font-size:clamp(68px,10vw,128px);line-height:.85;letter-spacing:-.09em;font-weight:800; }
.editorial-heading span,.contact-inner h2 span { color:#868686; }
.work-intro { max-width:510px;color:#858585;font-size:13px;line-height:1.8;margin:0 0 58px; }
.project-grid.editorial-project-grid { display:grid;grid-template-columns:1fr;gap:64px; }
.project-card.editorial-project,.project-card { padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;transition:none; }
.project-card.editorial-project:hover,.project-card:hover { transform:none;box-shadow:none; }
.project-visual { height:min(63vw,590px);min-height:310px;border-radius:0;position:relative;overflow:hidden; }
.project-visual:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22) 58%,rgba(0,0,0,.72));pointer-events:none; }
.visual-flow { background:radial-gradient(ellipse at 28% 45%,#3a3a3a,#1c1c1c 46%,#0b0b0b); }
.visual-flow:before { content:"";position:absolute;inset:8% 7%;border:1px solid #555;transform:skewY(-5deg);background:repeating-linear-gradient(0deg,transparent 0 44px,rgba(255,255,255,.035) 45px 46px),repeating-linear-gradient(90deg,transparent 0 68px,rgba(255,255,255,.03) 69px 70px); }
.visual-flow:after { border:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.76)); }
.flow-window { position:relative;z-index:1;width:min(86%,760px);padding:0 18px 22px;border:1px solid #555;border-radius:2px;background:rgba(18,18,18,.86);box-shadow:0 28px 80px #0008;backdrop-filter:blur(8px); }
.flow-window-top { height:40px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #383838;color:#888;font-size:8px;letter-spacing:.12em; }
.flow-window-top span { width:6px;height:6px;border:1px solid #888;border-radius:50%;background:#161616; }
.flow-window-top b { margin-left:auto;font-weight:500; }
.flow-nodes { min-height:160px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,25px); }
.flow-node { width:clamp(90px,18vw,150px);min-height:89px;padding:14px;border:1px solid #464646;border-radius:2px;background:#202020;box-shadow:none;display:grid;gap:4px; }
.flow-node i { font-style:normal;color:#ddd;font-size:13px; }
.flow-node small { color:#858585;font-size:7px;letter-spacing:.13em; }
.flow-node strong { color:#eee;font-size:10px;font-weight:500; }
.node-ai,.node-done { background:#191919; }
.node-done i { color:#ddd; }
.flow-connector { color:#aaa;font-size:16px; }
.visual-assistant { background:radial-gradient(ellipse at 68% 28%,#444,#222 30%,#090909 72%); }
.visual-assistant:before { content:"";position:absolute;width:50%;height:66%;top:15%;left:25%;border:1px solid #505050;transform:rotate(-8deg);background:linear-gradient(135deg,#292929,#101010);box-shadow:24px 24px 0 rgba(255,255,255,.035); }
.visual-assistant:after { background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.8)); }
.assistant-glass { position:relative;z-index:1;width:min(330px,60%);padding:28px;border:1px solid #666;border-radius:0;background:rgba(14,14,14,.8);color:#eee;box-shadow:none;backdrop-filter:blur(6px);display:grid;gap:13px;transform:none; }
.assistant-glass span { color:#999;font-size:8px;letter-spacing:.18em; }
.assistant-glass strong { font-size:clamp(20px,3vw,32px);line-height:1.15;letter-spacing:-.06em; }
.assistant-glass i { padding:9px 0;border-top:1px solid #414141;background:transparent;color:#aaa;font-size:8px;font-style:normal; }
.assistant-glass b { float:right;color:#ddd;font-weight:400; }
.visual-content { background:radial-gradient(ellipse at 40% 40%,#404040,#151515 48%,#080808); }
.content-stack { position:relative;z-index:1;width:min(78%,700px);padding:clamp(24px,5vw,64px);border-left:1px solid #888;background:linear-gradient(90deg,#ffffff10,transparent);display:grid;gap:20px; }
.content-stack span,.content-stack small { color:#aaa;font-size:9px;letter-spacing:.2em; }
.content-stack strong { color:#eee;font-size:clamp(24px,5vw,56px);line-height:1.15;letter-spacing:-.07em; }
.content-stack i { color:#777;font-style:normal; }
.visual-caption { z-index:2;left:25px;bottom:23px;color:#aaa;font-size:8px;letter-spacing:.17em; }
.project-meta { padding:17px 0 0;align-items:center; }
.project-meta h3 { margin:0 0 5px;color:#eee;font-size:22px;font-weight:600;letter-spacing:-.055em; }
.project-meta p { margin:0;color:#777;font-size:10px;letter-spacing:.1em;text-transform:uppercase; }
.project-arrow { width:36px;height:36px;border:1px solid #444;border-radius:50%;color:#ddd; }
.currently-section { padding:102px 0;background:#101010;border-block:1px solid #252525; }
.currently-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:14%;align-items:start; }
.currently-lead { max-width:560px;margin:0 0 21px;font-size:clamp(32px,5vw,59px);line-height:1.07;letter-spacing:-.075em; }
.currently-copy { max-width:500px;color:#898989;font-size:13px;line-height:1.85;margin:0 0 27px; }
.text-link { display:inline-flex;gap:12px;border:0;color:#ddd;font-size:9px;letter-spacing:.16em; }
.text-link:hover { color:#fff; }
.currently-list ul { list-style:none;margin:0;padding:0;border-top:1px solid #333; }
.currently-list li { padding:16px 0;border-bottom:1px solid #333;color:#bbb;font-size:12px; }
.about-section { padding:132px 0;background:#090909;border:0; }
.about-grid,.page-about .about-grid { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.72fr);gap:clamp(40px,9vw,120px);align-items:center; }
.about-copy h2,.about-grid h2,.editorial-subheading { max-width:650px;margin:0 0 24px;color:#f0f0f0;font-size:clamp(36px,5vw,63px);line-height:1.03;letter-spacing:-.075em; }
.about-copy h2 em,.about-grid h2 em { color:#aaa;font-style:normal; }
.about-copy>p,.about-grid>div:last-child>p { max-width:560px;color:#898989;font-size:13px;line-height:1.9; }
.profile-facts { display:flex;flex-wrap:wrap;gap:8px;margin-top:28px; }
.profile-facts span { padding:8px 10px;border:1px solid #353535;color:#999;font-size:8px;letter-spacing:.12em; }
.about-photo { position:relative;min-height:410px;aspect-ratio:4/5;overflow:hidden;border:1px solid #3b3b3b;border-radius:0;background:radial-gradient(ellipse at 50% 35%,#3a3a3a,#171717 60%,#0b0b0b);box-shadow:none; }
.about-photo:before { content:"";position:absolute;inset:12%;border:1px solid #555;transform:rotate(-9deg); }
.about-photo:after { content:"";position:absolute;inset:23% 8%;border:1px solid #363636;transform:rotate(12deg); }
.about-photo img { position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.08); }
.photo-placeholder { position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:24px;text-align:center; }
.photo-monogram { color:#eee;font-size:clamp(45px,7vw,82px);font-weight:800;line-height:.76;letter-spacing:-.09em; }
.photo-placeholder small { color:#999;font-size:9px;letter-spacing:.08em; }
.photo-caption { position:absolute;z-index:2;left:17px;bottom:17px;color:#aaa;font-size:8px;letter-spacing:.16em; }
.contact-section { padding:124px 0 107px;background:#101010;border-top:1px solid #262626; }
.contact-inner h2 { margin:0 0 34px;font-size:clamp(64px,12vw,148px);line-height:.84;letter-spacing:-.095em;font-weight:800; }
.contact-email { display:inline-block;margin:8px 0 33px;color:#ccc;font-size:10px;letter-spacing:.18em;border-bottom:1px solid #555;padding-bottom:8px; }
.social-row { display:flex;gap:10px; }
.social-row a { width:37px;height:37px;display:grid;place-items:center;border:1px solid #454545;border-radius:50%;color:#ddd;transition:background .2s,color .2s,border-color .2s; }
.social-row a:hover { background:#eee;color:#080808;border-color:#eee; }
.social-row a.is-unlinked { color:#777;border-color:#333;cursor:default; }
.social-row a.is-unlinked:hover { background:transparent;color:#777;border-color:#333; }
.social-row svg { width:14px;height:14px;fill:currentColor; }
.social-note { color:#626262;font-size:7px;letter-spacing:.16em;margin-top:13px; }
.footer { background:#090909;border-top:1px solid #262626; }
.footer-bottom { min-height:56px;height:auto;padding-block:17px;color:#666;font-size:8px;letter-spacing:.14em; }
.footer-bottom a { color:#aaa; }
.footer-social .is-unlinked { display:none; }
.chat-launcher { right:24px;bottom:22px;height:42px;border:1px solid #555;border-radius:0;background:#ececec;color:#111;box-shadow:none;font-size:9px;letter-spacing:.05em; }
.chat-spark { color:#222; }
.chat-panel { border:1px solid #444;border-radius:0;background:rgba(15,15,15,.97);box-shadow:0 18px 60px #000;backdrop-filter:blur(14px); }
.chat-head { background:#171717;border-color:#333; }
.chat-head small,.chat-bubble.assistant,.chat-note { color:#999; }
.chat-head strong,.chat-head button { color:#eee; }
.chat-bubble.assistant { background:#242424; }
.chat-bubble.user { background:#eee;color:#111; }
.chat-form { border-color:#333; }
.chat-form input { border-color:#444;border-radius:0;background:#111;color:#eee; }
.chat-form button { border-radius:0;background:#eee;color:#111; }
.page-title { color:#f1f1f1;font-size:clamp(56px,9vw,112px);line-height:.9;letter-spacing:-.085em; }
.page-title em { color:#999; }
.page-lead { color:#888; }
.service-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid #303030;border-radius:0;background:#303030; }
.service-card { min-height:245px;padding:26px;border:0 !important;border-radius:0;background:#101010;box-shadow:none;backdrop-filter:none; }
.service-card:hover { background:#171717;transform:none; }
.service-icon { border:1px solid #444;border-radius:0;background:#171717;color:#eee;box-shadow:none; }
.service-card h3 { color:#eee;font-size:21px; }
.service-card p,.section-heading>p { color:#888; }
.statement { background:#111;border-block:1px solid #282828;color:#eee; }
.statement:before { display:none; }
.statement .eyebrow { color:#888; }
.statement p em { color:#aaa; }
.button-dark { background:#eee;color:#111; }
.about-facts div { border:1px solid #333;border-radius:0;background:#101010; }
.about-facts b,.about-facts span { color:#aaa; }
.slot-form input,.slot-form select,.form-card input,.form-card select,.form-card textarea { border-radius:0;border-color:#444;background:#111;color:#eee; }
.admin-page { background:#090909; }
.admin-sidebar { background:#111;border-right:1px solid #292929; }
.admin-card,.login-card,.metric-grid article { border:1px solid #333;border-radius:0;background:#111;box-shadow:none;backdrop-filter:none; }
.admin-top { border-color:#333; }
.admin-nav.active,.admin-nav:hover { background:#242424; }
.admin-page .button-dark { background:#eee;color:#111; }
body.dark { --paper:#090909;--surface:#111;--ink:#f3f3f3;--muted:#8b8b8b;--line:#262626;--accent:#e7e7e7;--accent2:#bcbcbc;--dark:#090909;color-scheme:dark;background:#090909; }
@media(max-width:760px) {
  .wrap { width:calc(100% - 38px); }
  .topbar { height:62px;padding:0 20px; }
  .nav-links { display:flex;position:static;padding:0;background:transparent;border:0;gap:22px;font-size:8px; }
  .editorial-hero { min-height:calc(87vh - 62px); }
  .hero-copy { padding:72px 0 85px; }
  .editorial-hero h1 { font-size:clamp(103px,22vw,175px); }
  .hero-roles { gap:8px 18px; }
  .hero-index { left:19px;right:19px;bottom:18px;font-size:7px; }
  .work-section { padding-top:86px;padding-bottom:95px; }
  .project-grid.editorial-project-grid { gap:48px; }
  .project-visual { height:65vw;min-height:250px; }
  .flow-window { width:92%;padding-inline:9px; }
  .flow-nodes { min-height:125px;gap:4px; }
  .flow-node { width:clamp(68px,22vw,105px);min-height:75px;padding:7px; }
  .flow-node strong { font-size:8px; }
  .flow-node small { font-size:6px; }
  .flow-connector { font-size:10px; }
  .project-meta h3 { font-size:18px; }
  .currently-section,.contact-section { padding:82px 0; }
  .currently-grid { grid-template-columns:1fr;gap:55px; }
  .about-section { padding:86px 0; }
  .about-grid,.page-about .about-grid { grid-template-columns:1fr;gap:34px; }
  .about-photo { min-height:0;aspect-ratio:4/3.6; }
  .contact-inner h2 { font-size:clamp(60px,15vw,100px); }
  .footer-bottom { gap:10px;flex-wrap:wrap; }
  .chat-launcher { right:12px;bottom:12px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important;animation:none !important;transition:none !important; } }

/* Default deep blue theme, video hero, and new portfolio pages */
:root { --paper:#07142b;--surface:#0d1d38;--ink:#edf4ff;--muted:#99abc7;--line:#203858;--accent:#367cf6;--accent2:#86b5ff;--dark:#07142b;color-scheme:dark; }
html,body { background:#07142b;color:#edf4ff; }
body:before { background:radial-gradient(ellipse at 50% 0%,rgba(54,124,246,.2),transparent 46rem),#07142b; }
::selection { background:#367cf6;color:#fff; }
.topbar { background:rgba(7,20,43,.9);border-bottom:1px solid #203858; }
.nav-links { color:#a2b5d4;gap:clamp(12px,2.1vw,28px);font-size:9px; }
.nav-links a:hover,.nav-links a[aria-current=page] { color:#fff; }
.editorial-hero { background:#07142b; }
.hero-video { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;z-index:0; }
.hero-texture { z-index:1;background:linear-gradient(90deg,rgba(5,15,34,.94),rgba(5,15,34,.74) 52%,rgba(5,15,34,.57)),radial-gradient(ellipse at 70% 58%,#174b96 0,transparent 38%),linear-gradient(145deg,#102957,#061126 70%); }
.hero-texture:before { border-color:#8db8ff20;box-shadow:0 0 0 30px #8db8ff08,0 0 0 80px #8db8ff06,inset 0 0 100px #8db8ff0c; }
.hero-copy,.hero-index { z-index:2; }
.hero-kicker,.eyebrow,.section-kicker { color:#83a8e4; }
.editorial-hero h1,.project-meta h3,.about-copy h2,.about-grid h2,.editorial-subheading,.contact-inner h2 { color:#f3f7ff; }
.editorial-hero h1 i,.editorial-heading span,.contact-inner h2 span,.about-copy h2 em,.about-grid h2 em { color:#68a0ff; }
.hero-roles { color:#dfebff; }
.hero-copy>p,.work-intro,.currently-copy,.about-copy>p,.about-grid>div:last-child>p { color:#a0b0c9; }
.button-light,.button-dark,.admin-page .button-dark { background:#367cf6;color:white;border:1px solid #367cf6; }
.button-light:hover,.button-dark:hover,.admin-page .button-dark:hover { background:#2367dc;border-color:#2367dc; }
.button-outline { color:#e6efff;border-color:#42618d; }
.button-outline:hover { background:#10274a;border-color:#74a7ff; }
.ticker,.currently-section,.contact-section { background:#0b1a33;border-color:#203858; }
.ticker { border-block:1px solid #203858; }
.ticker-track b { color:#78aaff; }
.project-visual { background-color:#10264a; }
.visual-flow { background:radial-gradient(ellipse at 28% 45%,#2864b5,#153462 46%,#091833); }
.flow-window,.assistant-glass { background:rgba(10,26,52,.9);border-color:#42618d; }
.flow-window-top,.flow-node { border-color:#304b72; }
.flow-node,.node-ai,.node-done { background:#142d54; }
.flow-node i,.node-done i { color:#80b3ff; }
.visual-assistant { background:radial-gradient(ellipse at 68% 28%,#3470be,#17355e 40%,#08162d 75%); }
.visual-assistant:before { border-color:#42618d;background:linear-gradient(135deg,#1d4278,#0e2343);box-shadow:24px 24px 0 #79aaff0a; }
.visual-content { background:radial-gradient(ellipse at 40% 40%,#245497,#102c55 48%,#08162d); }
.content-stack { border-color:#6ea5ff;background:linear-gradient(90deg,#377cf426,transparent); }
.content-stack strong { color:#e8f1ff; }
.currently-section { border-block:1px solid #203858; }
.currently-list ul,.currently-list li { border-color:#294366; }
.currently-list li,.currently-lead { color:#dce9ff; }
.text-link,.contact-email { color:#99bdff;border-color:#42618d; }
.about-section { background:#07142b; }
.about-photo { border-color:#34527c;background:radial-gradient(ellipse at 50% 35%,#1e4b8c,#10284c 60%,#08162d); }
.about-photo:before { border-color:#42618d; }.about-photo:after { border-color:#304b72; }
.photo-monogram { color:#b9d2ff; }.photo-placeholder small,.photo-caption { color:#9eb4d6; }
.profile-facts span { border-color:#304b72;color:#a9bfdf; }
.social-row a { color:#a9c8ff;border-color:#35527b; }
.social-row a:hover { background:#367cf6;color:white;border-color:#367cf6; }
.social-row a.is-unlinked { color:#7285a2;border-color:#293f60; }
.footer { background:#07142b;border-color:#203858; }
.footer-bottom { color:#8298b8; }.footer-bottom a {color:#b9d1f5;}
.chat-launcher { background:#367cf6;color:white;border-color:#6ea5ff; }
.chat-panel { background:rgba(10,26,52,.98);border-color:#35527b; }
.admin-page { background:#07142b;color:#edf4ff; }
.admin-page .login-card,.admin-page .admin-card,.admin-page .metric-grid article,.admin-page .manage-item { background:#0d1d38;border-color:#294366;color:#edf4ff; }
.admin-page .login-card h1,.admin-page .panel-title h1,.admin-page .card-heading h2,.admin-page .manage-item h3 { color:#edf4ff; }
.admin-page .login-card p,.admin-page .login-card small,.admin-page .panel-title p,.admin-page .manage-item p { color:#9aacc7; }
.admin-page .admin-sidebar { background:#08162d;border-color:#203858; }
.admin-page .admin-nav.active,.admin-page .admin-nav:hover { background:#142d54;color:#fff; }
.admin-page .admin-top { border-color:#203858;color:#9aacc7; }.admin-page .admin-top strong { color:#edf4ff; }
.admin-page #login-form input[type=email],.admin-page #login-form input[type=password],.admin-page #mfa-form input { background:#0b1a33!important;color:#f3f7ff!important;-webkit-text-fill-color:#f3f7ff;border:1px solid #35527b!important; }
.admin-page #login-form input:focus,.admin-page #mfa-form input:focus { outline:2px solid #367cf6;outline-offset:1px; }
.admin-page #login-form input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #0b1a33 inset!important;-webkit-text-fill-color:#f3f7ff!important; }
.admin-form input,.admin-form textarea { background:#0b1a33;color:#edf4ff;border-color:#35527b; }
.admin-page .section-toggles { border-color:#35527b; }
.review-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.review-card { min-height:210px;padding:28px;border:1px solid #294366;background:#0d1d38;display:flex;flex-direction:column;justify-content:space-between; }
.review-card p { color:#e5efff;font-size:clamp(18px,2.2vw,25px);line-height:1.5;letter-spacing:-.035em;margin:22px 0; }
.review-card small,.review-stars { color:#78aaff;font-size:9px;letter-spacing:.16em; }
.review-empty { color:#9aacc7;border:1px dashed #35527b;padding:25px; }
.marketplace-links { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px; }
.marketplace-links a { display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid #294366;background:#0d1d38;color:#dce9ff;font-size:11px;letter-spacing:.08em; }
.marketplace-links a:hover { border-color:#6ea5ff;color:#fff;background:#11274a; }
.pc-copy { white-space:pre-line;color:#c5d6f0;line-height:1.9;max-width:800px; }
@media(max-width:760px){.review-grid{grid-template-columns:1fr}.marketplace-links{grid-template-columns:1fr 1fr}.nav-links{gap:10px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none!important}}

/* Apple inspired purple glass finish and calm motion */
:root { --accent:#9b7bff;--accent2:#d5c8ff;--surface:rgba(29,24,61,.62);--line:rgba(192,177,255,.22); }
html { scroll-behavior:smooth;scroll-padding-top:88px; }
body { background:#100d25;color:#f6f3ff; }
body:before { background:radial-gradient(ellipse at 14% 8%,#673fe840,transparent 42rem),radial-gradient(ellipse at 90% 36%,#ab5cff22,transparent 44rem),linear-gradient(145deg,#0d0b20,#171039 55%,#0b0c20); }
.topbar { background:rgba(17,13,39,.62);border-bottom-color:#d5c8ff28;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%); }
.editorial-hero { background:linear-gradient(135deg,#19103b,#10152f 57%,#29114b); }
.hero-texture { background:linear-gradient(90deg,rgba(14,10,34,.86),rgba(20,13,46,.56) 55%,rgba(14,13,43,.42)),radial-gradient(ellipse at 74% 40%,#8153ff55 0,transparent 42%),linear-gradient(145deg,#29105a,#0a1230 70%); }
.hero-video { opacity:.33;mix-blend-mode:screen; }
.editorial-hero h1 i { color:#bd9cff; }
.hero-roles,.currently-lead,.review-card p { color:#f1ecff; }
.ticker,.currently-section,.contact-section { background:rgba(22,18,51,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-color:#c4adff26; }
.project-visual,.about-photo,.flow-window,.assistant-glass,.review-card,.marketplace-links a { border-color:#c6b5ff42;box-shadow:inset 0 1px #fff2,0 18px 55px #07051538; }
.flow-window,.assistant-glass,.review-card,.marketplace-links a { background:linear-gradient(145deg,rgba(92,66,154,.27),rgba(24,25,63,.48));backdrop-filter:blur(19px) saturate(140%);-webkit-backdrop-filter:blur(19px) saturate(140%); }
.flow-node,.node-ai,.node-done { background:rgba(81,60,135,.42);border-color:#c5b3ff55;backdrop-filter:blur(12px); }
.currently-section,.contact-section,.about-section,.footer { border-color:#cfbaff24; }
.about-photo { background:radial-gradient(ellipse at 52% 35%,#8057d780,#29194b 56%,#11132e); }
.profile-facts span { background:#a98aff12;border-color:#bfa9ff55;border-radius:999px; }
.button-light,.button-dark,.admin-page .button-dark,.chat-launcher { background:linear-gradient(135deg,#a383ff,#7143ee);border-color:#d5c7ff8a;color:#fff;box-shadow:0 7px 28px #8a61ff40,inset 0 1px #fff5; }
.button-outline { background:#ffffff08;border-color:#d2c4ff78;backdrop-filter:blur(14px); }
.button:hover,.marketplace-links a:hover,.review-card:hover { transform:translateY(-3px); }
.chat-panel,.admin-page .login-card,.admin-page .admin-card,.admin-page .metric-grid article,.admin-page .manage-item { background:rgba(29,24,61,.76);border-color:#c7b5ff40;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px #fff2,0 22px 60px #06051436; }
.admin-page #login-form input[type=email],.admin-page #login-form input[type=password] { background:rgba(11,9,27,.8)!important;border-color:#bda7ff55!important; }
.review-card,.marketplace-links a { border-radius:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s; }
.marketplace-links a:hover { border-color:#e5dfff;color:white; }
.hero-copy { animation:glass-enter .9s cubic-bezier(.2,.8,.2,1) both; }
.hero-index { animation:soft-enter 1.1s .12s ease both; }
.ticker { animation:soft-enter .8s .18s ease both; }
.project-card,.currently-grid,.about-grid,.contact-inner,.review-card,.marketplace-links a { animation:soft-enter .7s ease both; }
.project-card:nth-child(2),.review-card:nth-child(2),.marketplace-links a:nth-child(2){animation-delay:.08s}
.project-card:nth-child(3),.review-card:nth-child(3),.marketplace-links a:nth-child(3){animation-delay:.16s}
.marketplace-links a:nth-child(4){animation-delay:.24s}
@keyframes glass-enter { from{opacity:0;transform:translateY(22px) scale(.985);filter:blur(5px)} to{opacity:1;transform:none;filter:none} }
@keyframes soft-enter { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.hero-index,.ticker,.project-card,.currently-grid,.about-grid,.contact-inner,.review-card,.marketplace-links a{animation:none!important}.button:hover,.marketplace-links a:hover,.review-card:hover{transform:none!important}}
@media(max-width:760px){.topbar{justify-content:center;padding-inline:12px;overflow:hidden}.nav-links{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%;margin:0;justify-content:space-between;gap:clamp(4px,1.5vw,10px);font-size:clamp(6px,1.3vw,8px);overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:0 0 auto;white-space:nowrap}}
/* User preference: fully clear top navigation, longer transitions, softer ambient movement */
.topbar { background:transparent!important;border-bottom-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; }
.nav-links { color:#d7d0f2; }
.nav-links a { transition:color .75s ease,opacity .75s ease; }
.button,.review-card,.marketplace-links a { transition-duration:.85s; }
.hero-copy { animation-duration:1.75s; }
.hero-index,.ticker { animation-duration:1.9s; }
.project-card,.currently-grid,.about-grid,.contact-inner,.review-card,.marketplace-links a { animation-duration:1.55s; }
.hero-texture:before { transform-origin:60% 50%;animation:slow-orbit 36s ease-in-out infinite alternate; }
.hero-texture:after { animation:ambient-glow 24s ease-in-out infinite alternate; }
.editorial-hero { animation:ambient-glow 26s ease-in-out infinite alternate; }
body:has(.editorial-hero) .topbar { position:absolute;top:0;left:0;right:0;z-index:20; }
.editorial-hero { margin-top:-72px;padding-top:72px;min-height:min(790px,100vh); }
@keyframes slow-orbit { from{transform:rotate(-26deg) scale(.96)} to{transform:rotate(-20deg) scale(1.035)} }
@keyframes ambient-glow { from{filter:brightness(.92) saturate(.92)} to{filter:brightness(1.14) saturate(1.15)} }
@media(max-width:760px){.editorial-hero{margin-top:-62px;padding-top:62px;min-height:87vh}}
@media(prefers-reduced-motion:reduce){.hero-texture:before,.hero-texture:after,.editorial-hero{animation:none!important}}

/* Quiet purple dots across the page background, matching the supplied reference */
.editorial-hero,.work-section,.currently-section,.about-section,.contact-section,.section,.contact-band,.footer,.admin-page {
  background-image:radial-gradient(circle,rgba(216,204,255,.2) 2px,transparent 2.6px);
  background-size:42px 42px;
  background-position:18px 16px;
}
.hero-texture {
  background-image:radial-gradient(circle,rgba(221,211,255,.2) 2px,transparent 2.6px),linear-gradient(90deg,rgba(14,10,34,.86),rgba(20,13,46,.56) 55%,rgba(14,13,43,.42)),radial-gradient(ellipse at 74% 40%,#8153ff55 0,transparent 42%),linear-gradient(145deg,#29105a,#0a1230 70%);
  background-size:42px 42px,auto,auto,auto;
  background-position:18px 16px,center,center,center;
}
.admin-page { background-color:#100d25;background-image:radial-gradient(circle,rgba(216,204,255,.19) 2px,transparent 2.6px),radial-gradient(ellipse at 50% 0%,#673fe826,transparent 42rem),linear-gradient(145deg,#0d0b20,#171039 55%,#0b0c20);background-size:42px 42px,auto,auto; }

/* Clickable studio mark in the upper-left */
.topbar { justify-content:space-between; }
.topbar .brand { display:flex!important;align-items:center;gap:10px;flex:0 0 auto;color:#f3edff;text-decoration:none; }
.topbar .brand-mark { width:32px;height:32px;border:1px solid #c7b5ff5e;border-radius:11px;background:linear-gradient(145deg,#a383ff,#5834bd);color:#fff;box-shadow:0 5px 20px #8a61ff45,inset 0 1px #fff6; }
.topbar .brand-mark span { color:#eee7ff; }
.topbar .brand-name { font-size:9px;font-weight:700;letter-spacing:.12em;white-space:nowrap; }
.topbar .nav-links { margin-left:auto; }
@media(max-width:760px){.topbar{justify-content:space-between;padding:0 12px}.topbar .brand{gap:7px}.topbar .brand-mark{width:28px;height:28px}.topbar .brand-name{font-size:7px;letter-spacing:.08em}.topbar .nav-links{width:auto;max-width:calc(100% - 125px);flex:0 1 auto;margin-left:12px;justify-content:flex-end;gap:clamp(5px,1.3vw,10px);font-size:clamp(6px,1.2vw,8px)}}

/* Pointer glow and trailing glass ring for desktop mice */
.cursor-trail { position:fixed;top:0;left:0;z-index:9999;width:0;height:0;opacity:0;pointer-events:none;transform:translate3d(var(--cursor-x,0),var(--cursor-y,0),0);transition:transform .12s ease-out,opacity .2s ease; }
.cursor-trail.is-visible { opacity:1; }
.cursor-trail:before { content:"";position:absolute;left:-16px;top:-16px;width:32px;height:32px;border:1px solid rgba(211,190,255,.8);border-radius:50%;background:rgba(156,117,255,.08);box-shadow:0 0 12px rgba(151,111,255,.42),inset 0 0 8px rgba(205,185,255,.1);transition:left .24s ease,width .24s ease,top .24s ease,height .24s ease,background .24s ease,border-color .24s ease,transform .18s ease; }
.cursor-trail span { position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#e0d1ff;box-shadow:0 0 12px #ad88ff,0 0 24px #8658ff; }
.cursor-trail.is-over:before { left:-23px;top:-23px;width:46px;height:46px;background:rgba(156,117,255,.17);border-color:#e3d5ff; }
.cursor-trail.is-clicking:before { transform:scale(.72); }
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-trail{display:none!important}}