.site-theme-control{display:inline-flex!important;align-items:center;justify-content:center;flex:none;min-height:38px;padding:8px 12px;border:1px solid #ffffff35;border-radius:22px;background:transparent;color:#e7ecf3;font:500 12px/1.2 Arial,sans-serif;white-space:nowrap}.site-header{gap:18px}.login-theme-control{position:absolute;right:28px;top:24px}.site-header .header-join{margin-left:0}.desktop-links{gap:18px}
/* These theme rules are last so older fixed colours cannot suppress the toggle. */
html[data-theme=light]{color-scheme:light;--ink:#182536!important;--muted:#617184!important;--edge:#d1d9e1!important;--white:#f7f8fa!important;--surface:#fff!important;--soft:#eaf0f5!important;--field:#fff!important;--line:#cbd5df!important;--secondary:#50657a!important;--link:#285c8c!important;--blue:#285c8c}
html[data-theme=light] body{background:#f4f6f8!important;color:#182536!important}
html[data-theme=light] body .site-header,html[data-theme=light] body .site-header.is-scrolled,html[data-theme=light] body .shell>header>nav{background:#f6f8faed!important;color:#182536!important;border-color:#b3c1d388!important;box-shadow:0 8px 25px #14263c10!important}
html[data-theme=light] body .desktop-links a,html[data-theme=light] body .nav-more>button,html[data-theme=light] body .brand,html[data-theme=light] body .wordmark{color:#233449!important}
html[data-theme=light] body .wordmark>img,html[data-theme=light] body .brand img{background:#11253d;border-radius:5px}
html[data-theme=light] body .site-theme-control{color:#27384a;border-color:#aab9c8}
html[data-theme=light] body :is(.intro p,.tui-opening h1,.tui-opening h1>span,.section-title h2,.community .section-title h2,.service-grid h3,.steps h3,.help h3,.contact-row,summary,.live-numbers strong,.dashboard-stat strong){color:#182536!important}
html[data-theme=light] body :is(.opening-description,.opening-note,.opening-label,.eyebrow,.section-title>.eyebrow,.service-grid p,.steps p,.section-note p,.contact-panel>p,details>p,.content-card p,.content-card li,.page-title p,.live-updated,.live-numbers span){color:#617184!important}
html[data-theme=light] body :is(.more-menu,.mobile-nav,.main-nav.is-open,.more-pages){background:#f8fafcf5!important;color:#182536!important;border-color:#bdcad8!important}
html[data-theme=light] body :is(.more-menu a,.mobile-nav a,.more-pages a){color:#233449!important}
html[data-theme=light] body :is(.project,.media-card,.content-card,.portal-login-card,.portal-workspace,.portal-callout,.portal-shift-card,.portal-stat-grid article,.book-shell,.book-sidebar,.review-card){background:#fff!important;color:#182536!important;border-color:#ccd6e0!important}
html[data-theme=light] body :is(.project-heading>span,.project-foot,.media-card figcaption p){color:#617184!important}
html[data-theme=light] body :is(.steps>a,details,.contact-row,.project-foot,.intro p){border-color:#cbd5df!important}
html[data-theme=light] body :is(input,textarea,select){background:#fff!important;color:#182536!important;border-color:#aebed0!important}
html[data-theme=light] body .pill{color:#24384e!important;border-color:#aabccc!important;background:#e9eff5!important}
html[data-theme=light] body .pill.primary{background:#263c54!important;border-color:#263c54!important;color:#fff!important}
html[data-theme=light] body .footer,html[data-theme=light] body footer{background:#e8edf2!important;color:#26394e!important}
html[data-theme=light] body :is(.footer-grid h2,.footer-bottom,.footer>.wrap>.eyebrow){color:#5d6e81!important}
html[data-theme=light] body .menu-toggle{background:#263c54!important;color:white!important}
html[data-theme=light] body .opening-label{border-color:#ccd5df}
html[data-theme=dark]{color-scheme:dark;--ink:#edf2f7;--muted:#a9bdd9;--surface:#0b1c31;--field:#0b2345}
html[data-theme=dark] body .login-card{background:#142132;border-color:#344154;color:#edf2f7}
html[data-theme=dark] body .login-brand,html[data-theme=dark] body .login-card h1{color:#edf2f7}
html[data-theme=dark] body .login-tabs{background:#0b1625}
html[data-theme=dark] body .login-tabs button{color:#a5b1c2}
html[data-theme=dark] body .login-tabs button[aria-selected=true]{background:#2d3b4e;color:#fff;box-shadow:none}
html[data-theme=dark] body .login-description,html[data-theme=dark] body .privacy-copy,html[data-theme=dark] body .preview-note{color:#a8b8cc}
html[data-theme=dark] body .discord-button{background:#dedfe2;color:#182536;border-color:#dedfe2}
html[data-theme=light] body .back-link{color:#52657b}
@media(max-width:1100px){.site-header .site-theme-control{margin-left:auto}.site-header .menu-toggle{margin-left:0}}
@media(max-width:420px){.site-theme-control{font-size:11px;padding:7px 9px}.site-header .wordmark{width:145px;font-size:15px;padding-left:42px}.site-header .wordmark>span{font-size:13px}.site-header .wordmark>img{width:34px;height:34px}.site-header{gap:9px!important}.login-theme-control{right:18px;top:19px}}

/* Keep the original white brand over the opening film in either mode. */
html[data-theme] body .site-header:not(.is-scrolled){background:linear-gradient(110deg,#22262c77,#929ca533)!important;color:#fff!important;border-color:#ffffff44!important}
html[data-theme] body .site-header:not(.is-scrolled) :is(.wordmark,.desktop-links a,.nav-more>button,.site-theme-control){color:#fff!important}
html[data-theme] body .wordmark>img,html[data-theme] body .brand img{background:transparent!important;border-radius:0!important;padding:0!important;filter:none!important}
html[data-theme] body .site-header:not(.is-scrolled) .site-theme-control{border-color:#ffffff66!important}
@media(max-width:700px){.film{width:100%;height:100svh;min-height:560px;border-radius:0}}

/* The homepage nav is a child of the floating bar, not a second surface. */
html[data-theme] body .site-header>nav.desktop-links{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Broad, quiet blue gradients rather than a flat or sharply lit background. */
html[data-theme=dark] body{background:radial-gradient(ellipse 120% 85% at 85% 12%,#16345255 0%,#10263f22 48%,transparent 78%),linear-gradient(145deg,#0b1726 0%,#10243a 52%,#0b192b 100%)!important;background-attachment:fixed!important}
html[data-theme=light] body{background:radial-gradient(ellipse 120% 90% at 85% 10%,#d9e7f266 0%,transparent 75%),linear-gradient(145deg,#f1f4f7 0%,#e8f0f6 55%,#f1f5f8 100%)!important;background-attachment:fixed!important}
html[data-theme=dark] body .site-header:not(.is-scrolled){background:linear-gradient(110deg,#122a4070,#42657d45)!important}
html[data-theme=dark] body .site-header.is-scrolled{background:linear-gradient(110deg,#10283fe8,#1a3a54dc)!important}
html[data-theme=light] body .site-header.is-scrolled{background:linear-gradient(110deg,#f5f8fbee,#e5eef5e8)!important}
html[data-theme=dark] body .footer,html[data-theme=dark] body footer{background:#0b192780!important}
html[data-theme=light] body .footer,html[data-theme=light] body footer{background:#e5edf480!important}
/* Neutral dark mode, with blue kept at the edges rather than across every surface. */
html[data-theme=dark]{--ink:#eef0f3!important;--muted:#adb3be!important;--surface:#191f28!important;--soft:#222934!important;--field:#181f29!important;--line:#3a414b!important;--secondary:#bbc1cb!important;--link:#a9c8eb!important}
html[data-theme=dark] body{background:radial-gradient(ellipse 110% 90% at 85% 5%,#263c501f,transparent 76%),linear-gradient(145deg,#15191f,#191f28 55%,#161b23)!important;background-attachment:fixed!important;color:#eef0f3!important}
html[data-theme=dark] body .site-header.is-scrolled,html[data-theme=dark] body .shell>header>nav{background:linear-gradient(110deg,#232a34ef,#2b3540e8)!important;border-color:#aab4c433!important}
html[data-theme=dark] body :is(.more-menu,.mobile-nav,.more-pages,.main-nav.is-open){background:#242c37f5!important;color:#eef0f3!important;border-color:#aab4c433!important}
html[data-theme=dark] body :is(.content-card,.portal-login-card,.portal-callout,.portal-workspace,.portal-shift-card,.portal-stat-grid article,.book-shell,.book-sidebar,.media-card,.login-card){background:#1d2530!important;border-color:#3c4654!important;color:#eef0f3!important}
html[data-theme=dark] body :is(input,select,textarea){background:#171e28!important;color:#eef0f3!important;border-color:#465264!important}
html[data-theme=dark] body .footer,html[data-theme=dark] body footer{background:#12171e80!important}
/* The reference's gradient is on the words, rather than a large glowing panel. */
html[data-theme] body .intro p .sydney-gradient-text,html[data-theme] body .home-intro .intro-word{background:linear-gradient(105deg,#459aff 0%,#7dbbff 46%,#c5e7ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-weight:700;text-shadow:none!important}
html[data-theme=light] body .intro p .sydney-gradient-text,html[data-theme=light] body .home-intro .intro-word{background-image:linear-gradient(105deg,#1c59ad,#3a78bd 55%,#527fa0)!important}
.brand-introduction{position:fixed;inset:0;z-index:500;background:#0b1422;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;transition:opacity 850ms cubic-bezier(.22,1,.36,1)}
.brand-introduction-inner{display:flex;align-items:center;gap:22px;color:#f1f4f8;opacity:0;transform:translateY(15px);filter:blur(5px);transition:opacity 900ms cubic-bezier(.22,1,.36,1),transform 1100ms cubic-bezier(.22,1,.36,1),filter 1000ms ease}
.brand-introduction.is-visible .brand-introduction-inner{opacity:1;transform:translateY(0);filter:blur(0)}.brand-introduction.is-finished{opacity:0}.brand-introduction-inner img{width:90px;height:90px;object-fit:contain}.brand-introduction-inner>div{font:800 39px/.94 Arial,Helvetica,sans-serif;letter-spacing:-1.3px}
@media(max-width:600px){.brand-introduction-inner{gap:15px}.brand-introduction-inner img{width:65px;height:65px}.brand-introduction-inner>div{font-size:30px}}
@media(prefers-reduced-motion:reduce){.brand-introduction{display:none!important}}
/* Compact footer aligned as one section with the supplied brand banner. */
body .footer{padding:35px 0 22px!important;border-top:0!important}body .footer>.wrap{width:100%;max-width:1280px;padding-inline:32px;margin-inline:auto}
body .footer-grid{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) minmax(170px,1fr);gap:35px;align-items:start}
.footer-brand{display:block!important;width:fit-content;padding:0!important;font:800 23px/.95 Arial,Helvetica,sans-serif!important;letter-spacing:-.8px}
body .footer-grid h2{font-size:12px;font-weight:600;line-height:1.4;letter-spacing:0;margin:0 0 13px}
body .footer-grid a:not(.footer-brand){font-size:13px;line-height:1.6;padding:4px 0}
body .footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #8292a733;gap:18px;font-size:10px;line-height:1.5}
body .brand-strip{display:block;width:100%;height:auto;margin:0;opacity:1;border-radius:0}
@media(max-width:700px){body .footer>.wrap{padding-inline:24px}body .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1;font-size:21px!important}body .footer-bottom{margin-top:24px;gap:12px}body .footer-bottom>span:nth-child(2){width:100%;order:3}}
/* Public information stays as open sections, without flush-edged colour blocks. */
html[data-theme] body .page-grid>.content-card{background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:26px 0!important;min-width:0}
html[data-theme] body .page-grid{gap:36px}
html[data-theme] body .page-grid>.content-card h2{font-size:28px;line-height:1.2;letter-spacing:-.025em}
html[data-theme] body .page-grid>.content-card p{font-size:16px;line-height:1.65}
/* Media cards keep their own photographs; no white title slabs or fixed image crops. */
html[data-theme] body .featured .project{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0}
html[data-theme] body .featured{max-width:1440px;width:100%;padding-inline:clamp(24px,4vw,60px);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
html[data-theme] body .project-heading{min-height:0;padding:0 0 18px;display:flex;flex-direction:column;gap:12px}
html[data-theme] body .project-heading h2{font-size:clamp(24px,2.3vw,34px);font-weight:500;line-height:1.2;letter-spacing:-.025em}
html[data-theme] body .project-heading h2 br{display:none}
html[data-theme] body .project-heading>span{font-size:12px}
html[data-theme] body .featured .project img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}
html[data-theme] body .project-foot{padding:15px 0;margin:0;font-size:12px}
html[data-theme] body .help{padding-bottom:55px}
/* Compositor-only brand sequence: line, emblem and type, then reveal the film. */
.brand-introduction{background:#0b1420;transition:opacity 600ms ease;pointer-events:none;overflow:hidden}
.brand-introduction-inner{position:relative;gap:22px;opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.brand-introduction-inner img{opacity:0;transform:translateY(12px);transition:opacity 650ms ease,transform 850ms cubic-bezier(.22,1,.36,1);will-change:transform,opacity}
.brand-introduction-inner>div:not(.intro-line){opacity:0;transform:translateY(12px);transition:opacity 650ms ease 140ms,transform 850ms cubic-bezier(.22,1,.36,1) 140ms;will-change:transform,opacity}
.brand-introduction.is-visible .brand-introduction-inner img,.brand-introduction.is-visible .brand-introduction-inner>div:not(.intro-line){opacity:1;transform:translateY(0)}
.intro-line{position:absolute;left:0;bottom:-28px;width:100%;height:1px;background:linear-gradient(90deg,#6d9bbd,#c4d9e8);transform:scaleX(0);transform-origin:left;transition:transform 1100ms cubic-bezier(.22,1,.36,1) 220ms}
.brand-introduction.is-visible .intro-line{transform:scaleX(1)}
html{scroll-behavior:smooth}
@media(max-width:700px){html[data-theme] body .featured{grid-template-columns:minmax(0,1fr);gap:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-introduction{display:none!important}}
/* Light mode is white, without a blue wash. */
html[data-theme=light] body{background:#fff!important;background-image:none!important;color:#182536!important}
html[data-theme=light] body .footer,html[data-theme=light] body footer{background:#fff!important;background-image:none!important}
html[data-theme=light] body .site-header.is-scrolled,html[data-theme=light] body .shell>header>nav{background:#fffffff0!important;background-image:none!important}
html[data-theme=light] body :is(.content-card,.portal-login-card,.portal-workspace,.portal-callout,.portal-shift-card,.portal-stat-grid article,.book-shell,.book-sidebar,.media-card,.login-card){background:#fff!important;background-image:none!important}