/* NOVUS / Navy Rose identity, October 2026
   Single fixed visual identity. Deep midnight navy with luminous neon rose. */
html {
 --ink:#f3e9ed; --muted:#aab0c3; --paper:#040714; --soft:#101729;
 --accent:#ff527f; --accent-dark:#ff82a2; --line:#303a51;
 --serif:Georgia,"Times New Roman",serif;
 --sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
 color-scheme:dark;
}
html body{background:#040714;color:#f3e9ed}
html .site-header{background:#040714e8;border-color:#2e3650;backdrop-filter:blur(20px)}
html .site-nav a{color:#cdd0df}
html .site-nav a:hover{color:#ff82a2}
html .site-nav .nav-join{color:#ff82a2;border-color:#ff527f}
html .site-nav .nav-account,
html .site-nav .nav-settings{color:#f3e9ed;background:#172036;border-color:#35405a}
html .brand{color:#f3e9ed}
html .brand>img{filter:none}
html .site-footer{background:#030611;border-color:#283148}
html .footer-inner{color:#aab0c3}
html .site-footer .brand{color:#f3e9ed}
html .detail-hero,
html .contact-hero{position:relative;padding-top:110px;padding-bottom:100px}
html .detail-hero h1,
html .contact-hero h1{font-family:Georgia,serif;letter-spacing:-.055em;line-height:1.04;max-width:960px}
html .detail-hero h1::first-line,
html .contact-hero h1::first-line{color:#f0d4db}
html .detail-hero p,
html .contact-hero p{color:#b7bbcb}
html .detail-hero .eyebrow,
html .contact-hero .eyebrow{color:#ff527f}
html .detail-grid,
html .project,
html .contact-details{border-color:#303a51}
html .detail-grid h2,
html .project h2{color:#f4dce2}
html .detail-grid .section-index{color:#ff527f}
html .principle,
html .work-card,
html .profile-card,
html .community-card,
html .post-card,
html .feed-card{background:#10172b;border:1px solid #32405d;color:#f3e9ed;box-shadow:none}
html .button,
html button[type="submit"]{background:#ff527f;color:#12192b;border-color:#ff527f;font-weight:700;transition:transform .22s ease,background .22s ease}
html .button:hover,
html button[type="submit"]:hover{background:#ffadc3;transform:translateY(-2px)}
html :is(input,textarea,select){background:#0c1427;color:#f5eaf0;border:1px solid #3b4964}
html :is(input,textarea,select):focus{outline:2px solid #ff527f;outline-offset:1px;border-color:#ff527f}
html :is(input,textarea)::placeholder{color:#8e97af}
html :is(label,.help,.hint,.form-help){color:#bbc0d2}
html .theme-panel,
html dialog{background:#131d33;color:#f3e9ed;border-color:#39455f}
html .theme-swatch--navy-rose{background:linear-gradient(135deg,#040714 55%,#ff527f 55%);border:1px solid #a7a8be}
html .menu-button span{background:#f6d6dd}
html a:focus-visible,
html button:focus-visible{outline:2px solid #ff92ae;outline-offset:3px}
html .novus-next{--nx-ink:#f3e9ed;--nx-paper:#040714;--nx-muted:#acb3c7;--nx-line:#313b55;--nx-lime:#ff527f;background:#040714;color:#f3e9ed}
html .nx-hero{background:#040714;border-color:#2b3650}
html .nx-hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;font-size:clamp(64px,7.5vw,132px);line-height:1.02}
html .nx-outline{color:transparent;-webkit-text-stroke:1px #d9cddc}
html .nx-hero h1 em{color:#ff527f}
html .nx-lead{color:#b4b9c9}
html .nx-status{background:#ff527f;box-shadow:0 0 0 4px #ff527f29}
html .nx-kicker small,
html .nx-side-text,
html .nx-hero-bottom{color:#929bb3}
html .nx-btn-black{background:#ff527f;color:#11192a!important}
html .nx-btn-outline{border:1px solid #555e77;color:#f5dce5}
html .nx-btn-outline:hover{background:#1b263f}
html .nx-orbit{border-color:#6d526f}
html .nx-orbit-three{background:#0c1428;border-color:#725166}
html .nx-core{background:#ff527f;color:#12192a;box-shadow:0 0 80px #ff527f3f;font-family:Georgia,serif}
html .nx-dot{background:#ffd1d5;box-shadow:0 0 0 7px #040714}
html .nx-orbital-note{color:#aeb6c8}
html .nx-ticker{background:#f84d7a;color:#151c2e;border-color:#f84d7a}
html .nx-about{background:#080c1b}
html .nx-about h2 em,
html .nx-project-title h2 em,
html .nx-mini-star{color:#ff527f}
html .nx-about-copy p{color:#b7bdcb}
html .nx-projects{background:#0b1022}
html .nx-project-title,
html .nx-work{color:#f3e9ed}
html .nx-work{border-color:#34405c}
html .nx-work:hover{background:#1b2942}
html .nx-work-number,
html .nx-work-info small,
html .nx-work-info>span{color:#aeb7c9}
html .nx-violet{background:#333052;color:#b3a6f0}
html .nx-green{background:#5d354b;color:#ffb4c0}
html .nx-orange{background:#57354a;color:#f3a3b1}
html .nx-dark{background:#02040c}
html .nx-dark h2 em{color:#ff527f}
html .nx-dark-star{color:#17223b}
html .nx-btn-white{background:#eadbe5;color:#10192b!important}
html .nx-join{background:#ee4b76;color:#101729}
html .nx-join .nx-label{border-color:#a74b64}
html .nx-join h2 em{color:#fff0f1}
html .nx-round-link{background:#040714;color:#fff3f5!important}
html .nx-link{border-color:currentColor}
html :is(.project-meta,.project-copy,.facts,.page-actions,.pill,.feed-section){border-color:#303a51}
@media(max-width:1050px){html .site-nav.is-open{background:#111b30;border-color:#37415b}}
@media(prefers-reduced-motion:reduce){html *,html *::before,html *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Neon highlights: restrained illumination, never applied to long-form body copy. */
html .site-nav .nav-join,
html .nx-btn-black,
html .button,
html button[type="submit"]{
 box-shadow:0 0 0 1px #ff527f40,0 0 22px #ff527f28,0 0 48px #ff527f12;
}
html .site-nav .nav-join:hover,
html .nx-btn-black:hover,
html .button:hover,
html button[type="submit"]:hover{
 box-shadow:0 0 0 1px #ff92ae,0 0 22px #ff527f88,0 0 55px #ff527f44;
}
html .nx-core{box-shadow:0 0 32px #ff527f70,0 0 100px #ff527f35,0 0 175px #ff527f18}
html .nx-hero h1 em,
html .nx-about h2 em,
html .nx-project-title h2 em{
 text-shadow:0 0 34px #ff527f35;
}
html .nx-ticker{box-shadow:0 0 45px #ff527f22}
html :is(.nx-status,.nx-label span:first-child)::before{box-shadow:0 0 11px #ff527f99}
html ::selection{background:#ff527f;color:#040714}
@media(prefers-reduced-motion:reduce){
 html .nx-core{box-shadow:0 0 22px #ff527f40}
}

/* Frosted translucent navigation, readable above both imagery and content. */
html .site-header {
 background:rgba(6,10,26,.52);
 border-bottom:1px solid rgba(255,190,214,.19);
 backdrop-filter:blur(24px) saturate(160%);
 -webkit-backdrop-filter:blur(24px) saturate(160%);
 box-shadow:0 8px 32px rgba(1,3,12,.13), inset 0 1px rgba(255,255,255,.06);
}
html .site-nav.is-open {
 background:rgba(8,13,32,.92);
 backdrop-filter:blur(26px) saturate(150%);
 -webkit-backdrop-filter:blur(26px) saturate(150%);
}
html .language-trigger {
 border-color:rgba(255,205,225,.35);
 background:rgba(255,255,255,.09);
 color:#fff;
}
html .language-trigger:hover {background:rgba(255,82,127,.18);}
html .language-menu {background:#10192ceF;border-color:#566077;backdrop-filter:blur(20px);color:#fff;}
.bn-final h2 .bn-final-question {
 display:block;
 margin:0 0 clamp(20px,3vw,46px);
 color:#ff79a1;
 font:700 clamp(20px,3.5vw,52px)/1.15 Arial,Helvetica,sans-serif;
 letter-spacing:.07em;
 transform:none;
 white-space:normal;
}

html .language-trigger {display:inline-flex;gap:7px;width:auto;min-width:72px;padding:0 11px;border-radius:20px;justify-content:center}
html .language-code {font-size:11px;font-weight:800;letter-spacing:.08em;color:#ffe0e9}

/* Editorial interior system: typography and layout only, original content untouched. */
html .detail-hero {overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(255,168,196,.24);padding-block:clamp(100px,12vw,190px) clamp(78px,10vw,145px)}
html .detail-hero::before{content:"";position:absolute;inset:-20% -14% auto auto;width:min(67vw,800px);aspect-ratio:1;background:radial-gradient(ellipse at 54% 44%,rgba(255,82,127,.17),rgba(108,45,111,.08) 42%,transparent 69%);z-index:-1;pointer-events:none}
html .detail-hero::after{content:"";position:absolute;right:0;bottom:24px;width:min(28vw,350px);height:1px;background:linear-gradient(90deg,transparent,#ff709b)}
html .detail-hero .eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin-bottom:clamp(30px,5vw,64px)}
html .detail-hero h1{font-family:Impact,"Arial Narrow",sans-serif;font-stretch:condensed;font-size:clamp(3.6rem,8.6vw,9.3rem);font-weight:800;line-height:.98;letter-spacing:-.055em;text-wrap:balance;max-width:1100px;color:#fff1f5}
html .detail-hero :is(.lead,p:last-child){max-width:690px;line-height:1.7;color:#c4c7d5}
html .detail-grid{grid-template-columns:minmax(160px,.42fr) minmax(0,1.58fr);gap:clamp(28px,5vw,90px);padding-block:clamp(68px,8vw,130px)}
html .detail-grid .section-index{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;position:relative;padding-top:12px}
html .detail-grid .section-index::before{content:"";position:absolute;left:0;top:0;width:46px;height:1px;background:#ff527f}
html .detail-grid h2{font-family:Impact,"Arial Narrow",sans-serif;font-weight:700;font-size:clamp(2.8rem,5vw,5.8rem);line-height:1.02;letter-spacing:-.035em;max-width:780px}
html .detail-copy{max-width:840px;gap:26px}
html .detail-copy p{color:#bcc2d0;line-height:1.85}
html .detail-copy .statement{padding:clamp(24px,4vw,44px);border-left:3px solid #ff527f;background:linear-gradient(100deg,rgba(255,82,127,.1),transparent);font-family:Georgia,serif;color:#fff0f3}
html .principles{gap:1px;background:#33405a;border:1px solid #33405a;border-radius:0;overflow:hidden}
html .principle{border:0;border-radius:0;background:#0b1123;padding:clamp(22px,3vw,36px)}
html .principle strong{color:#ff9fbb;font-size:.76rem;letter-spacing:.15em;text-transform:uppercase}
html .project{grid-template-columns:minmax(120px,.32fr) minmax(0,1.68fr);gap:clamp(24px,6vw,90px);padding-block:clamp(74px,9vw,140px);position:relative}
html .project::before{content:"";position:absolute;top:0;right:0;width:clamp(70px,12vw,180px);height:1px;background:#ff527f}
html .project-meta{font-variant-numeric:tabular-nums;color:#ff7199}
html .project-body h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(3.8rem,7vw,8.5rem);letter-spacing:-.045em;line-height:.97;font-weight:800;color:#fff1f5}
html .project-body .intro{font-size:clamp(1.17rem,2vw,1.55rem);color:#f4d6df;line-height:1.5;max-width:800px}
html .project-copy{gap:clamp(22px,4vw,66px);margin-top:clamp(35px,5vw,65px);max-width:1000px}
html .project-copy p{color:#b6bed0;line-height:1.85}
html .page-actions{border-top:1px solid #303a51;padding-top:40px}
@media(max-width:840px){html .detail-grid,html .project{grid-template-columns:1fr;gap:27px}html .detail-hero{padding-top:104px}html .project-copy{grid-template-columns:1fr}}
@media(max-width:620px){html .detail-hero h1{font-size:clamp(3.3rem,13vw,5.4rem)}html .detail-hero::after{display:none}html .detail-grid h2{font-size:clamp(2.6rem,11vw,4.4rem)}html .project-body h2{font-size:clamp(3.4rem,13vw,5.2rem)}html .detail-grid,html .project{padding-block:64px}html .principles{grid-template-columns:1fr}}


/* Unified interior surfaces | no legacy light-theme fallbacks. */
html {
  --novus-surface:#101729;
  --novus-surface-raised:#172138;
  --novus-surface-inset:#0b1225;
  --novus-border:#34415c;
  --novus-text:#f3e9ed;
  --novus-subtle:#b6bfd2;
  --novus-rose:#ff527f;
}
html body,
html body:has(.admin),
html body:has(.community-shell),
html body:has(.account-page),
html body:has(.auth-wrap),
html body:has(.join-page) {
  background:#040714;
  color:var(--novus-text);
}
html :is(.community-shell,.feed-main,.account-page,.profile-page,.auth-wrap,.join-page,.admin,.organizer,.articles-page,.profile-edit-dialog) {
  color:var(--novus-text);
}
html :is(.community-head,.feed-toolbar,.profile-top,.profile-section,.account-heading,.account-setting-row,.account-section-head,.post-actions,.editor-head,.editor-footer,.profile-edit-head) {
  border-color:var(--novus-border);
}
html :is(.post-card,.feed-card,.community-card,.profile-card,.profile-project-card,.account-sidebar,.account-panel,.account-person,.auth-card,.auth-choice a,.auth-choice-card,.sidebar .panel,.feed-main .panel,.post-dialog,.profile-edit-dialog,.media-box,.gallery-item,.selected-media-item,.gate,.admin .card,.admin .stat,.admin .gate,.join-form-wrap,.application-form,.account-recovery) {
  background:var(--novus-surface);
  color:var(--novus-text);
  border-color:var(--novus-border);
  box-shadow:0 12px 35px rgba(0,0,0,.12);
}
html :is(.auth-choice a,.auth-choice-card,.profile-project-card,.admin .card,.admin .stat,.account-panel,.account-sidebar,.post-card,.post-dialog) {
  border:1px solid var(--novus-border);
}
html :is(.account-tabs button,.profile-edit-nav button,.action-btn,.icon-button,.pill,.admin .tab,.admin .btn.secondary,.admin label.check,.badge,.flair,.post-tags span,.archive-filters select,.editor-options select) {
  background:var(--novus-surface-raised);
  border-color:var(--novus-border);
  color:var(--novus-text);
}
html :is(.account-tabs button.is-active,.profile-edit-nav button.is-active,.admin .tab.active,.pill.is-active,.action-btn.is-active,.auth-choice-card.is-active) {
  background:rgba(255,82,127,.16);
  color:#ff9bb8;
  border-color:#ff527f;
}
html :is(.account-tabs button:hover,.profile-edit-nav button:hover,.admin .tab:hover,.admin .btn.secondary:hover,.pill:hover,.action-btn:hover,.auth-choice a:hover,.auth-choice-card:hover) {
  background:#24304b;
  border-color:#ff658d;
  color:#ffd1dd;
}
html :is(.admin .btn:not(.secondary):not(.danger),.submit-button) {
  background:#ff527f;
  border-color:#ff527f;
  color:#111729;
}
html :is(.admin .btn:not(.secondary):not(.danger):hover,.submit-button:hover) {
  background:#ff9bb8;
  color:#111729;
}
html :is(.admin .btn.danger) {background:#7d2644;color:#ffe6ee;border:1px solid #bb5477}
html :is(.admin .btn.danger:hover) {background:#9d3155}
html :is(.compose input,.compose textarea,.compose select,.auth-card input,.profile-form input,.profile-form textarea,.post-editor input,.post-editor textarea,.post-editor select,.searchbar input,.archive-filters input,.archive-filters select,.account-setting-form input,.admin input,.admin textarea,.gate input,.field input,.field textarea) {
  background:var(--novus-surface-inset);
  color:var(--novus-text);
  border:1px solid #41506c;
}
html :is(.post-body,.markdown-body,.markdown-body p,.app-body,.comment,.account-section,.account-setting-row,.profile-project-card h3,.auth-choice strong,.community-head h1,.account-heading h1,.admin .top h1,.admin .section-title,.post-card h2) {color:var(--novus-text)}
html :is(.post-meta,.comment-meta,.community-head p,.profile-top .handle,.account-heading p,.account-tabs button span,.form-note,.muted,.tiny,.auth-choice span,.archive-meta,.editor-head .eyebrow,.post-card .post-meta,.profile-section p,.markdown-body blockquote,.media-box-head span,.account-person small) {color:var(--novus-subtle)}
html :is(.markdown-body code,.media-empty,.selected-media,.account-recovery,.account-setting-form,.comment-form,.comment,.profile-edit-nav,.account-tabs) {border-color:var(--novus-border)}
html :is(.markdown-body code,.media-empty,.selected-media) {background:var(--novus-surface-raised);color:#ffdbe5}
html :is(.markdown-body a,.post-author,.comment-meta a,.auth-forgot-link,.project-edit-link) {color:#ff9fbb}
html :is(.flair,.badge,.post-tags span) {color:#ffb0c5}
html :is(.post-dialog::backdrop) {background:rgba(2,4,14,.78)}
html .profile-edit-backdrop {background:rgba(2,4,14,.78)}
html :is(.form-status.success) {color:#88e0b4}
html :is(.status-message,.form-status.error) {color:#ff9bb8}
html :is(.admin .stat b,.account-setting-row strong,.account-person strong) {color:#fff0f4}
html :is(.account-tabs button,.profile-edit-nav button) {border-color:var(--novus-border)}
html :is(.account-tabs button.is-active,.profile-edit-nav button.is-active) {border-left-color:#ff527f;border-bottom-color:#ff527f}
html input[type="checkbox"],html input[type="radio"] {accent-color:#ff527f}
html :is(.admin,.account-page,.feed-main,.profile-page) :is(a,button,input,select,textarea):focus-visible {outline:2px solid #ff8faa;outline-offset:3px}
@media (max-width:820px) {
  html :is(.account-tabs button.is-active,.profile-edit-nav button.is-active) {border-bottom-color:#ff527f}
}