@charset "UTF-8";
/* The portfolio surface only; contact and legal pages keep their own styles. */
body.showcase-home {
  --bg:#081323; --panel:#122136; --line:#30445f;
  --text:#f4f7fe; --muted:#bac8dc; --gold:#82caff; --dark:#082235;
  color:var(--text); background:#081323; color-scheme:dark;
  -webkit-font-smoothing:antialiased;
}
.showcase-home h1,.showcase-home h2,.showcase-home h3 {font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:750;letter-spacing:-.04em}
.showcase-home h1 {font-size:clamp(2.9rem,4.6vw,4.4rem);line-height:1.06;max-width:620px;text-wrap:balance;background:linear-gradient(125deg,#fff 30%,#d6e6ff 68%,#75adff);background-clip:text;color:transparent;margin:1.1rem 0 1.4rem}
.showcase-home h2 {font-size:clamp(1.8rem,2.9vw,2.5rem);line-height:1.15}
.showcase-home h3 {font-size:1.4rem;line-height:1.25;margin:.7rem 0}
.showcase-home .site-header {max-width:1440px;min-height:86px;padding:1.2rem max(24px,calc((100% - 1220px)/2));border-color:#ffffff16;gap:2rem}
.showcase-home .brand {font-size:1.18rem;letter-spacing:-.035em;gap:.7rem}
.showcase-home .brand strong {font-weight:650}
.showcase-home .site-header nav {gap:1.8rem;font-size:.78rem;min-width:0;flex-wrap:wrap;justify-content:flex-end}
.showcase-home .site-header nav>a {transition:color .2s;white-space:nowrap}
.showcase-home .site-header nav>a:hover {color:#9cceff}
.showcase-home .site-header .nav-contact {background:#273e5d;border:1px solid #587cab;border-radius:10px;padding:.7rem 1rem;display:flex;gap:1rem;align-items:center}
.showcase-home .interface-language select {background:#14243a;border-color:#385270;border-radius:10px;max-width:180px}
.showcase-home main {max-width:none;padding:0 0 3rem;overflow:clip;background:radial-gradient(ellipse 600px 470px at 80% 320px,#10487872,transparent 78%),radial-gradient(ellipse 420px 390px at 100% 200px,#6431853d,transparent 80%),#081323}
.showcase-home .style-preview-note {max-width:1220px;margin:1.5rem auto -1rem;padding:0;font-size:.67rem;letter-spacing:.03em;color:#afc8e5;display:flex;align-items:center;gap:.6rem}
.showcase-home .style-preview-note>span {font-size:.55rem;letter-spacing:.14em;background:#163249;color:#b5e4ff;border:1px solid #396788;border-radius:4px;padding:.3rem .45rem}
.showcase-home .hero {max-width:1220px;margin:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.6rem;min-height:560px;padding:3rem 0 3.5rem}
.showcase-home .eyebrow {font-size:.65rem;letter-spacing:.2em;color:#9ac9ff;margin:0 0 1rem}
.showcase-home .status-dot {background:#82caff;box-shadow:0 0 0 4px #82caff18;margin-inline-end:10px;margin-inline-start:0}
.showcase-home .lead {font-size:1.02rem;line-height:1.85;color:#c0cee0;max-width:530px;margin-bottom:1.6rem}
.showcase-home .hero-actions {display:flex;gap:.85rem;align-items:center;flex-wrap:wrap}
.showcase-home .button {background:linear-gradient(110deg,#76d4ff,#8f98ff);color:#09203b;font-weight:750;font-size:.85rem;border:1px solid #a5daff55;border-radius:10px;margin:0;padding:1rem 1.2rem;gap:1.5rem;box-shadow:0 8px 28px #5a96ff1c}
.showcase-home .button:hover {box-shadow:0 10px 30px #6498ff3b;transform:translateY(-2px)}
.showcase-home .button-outline {background:#0c1b2c;color:#f2f6ff;border:1px solid #6380a3;box-shadow:none;font-weight:600}
.showcase-home .hero-disciplines {margin-top:2rem;color:#97adc9;font-size:.59rem;letter-spacing:.08em}
.showcase-home .hero-disciplines>span+span:before {margin-inline-end:1rem;color:#8ca6d0}
.showcase-home .hero-stage {position:relative;isolation:isolate;min-width:0;padding:2.2rem 0 1rem}
.showcase-home .stage-glow {position:absolute;inset:8% -10% 5%;border-radius:50%;background:radial-gradient(ellipse,#318aca69,transparent 65%);filter:blur(30px);z-index:-2}
.showcase-home .stage-card {position:absolute;width:174px;height:286px;inset-block-start:-5px;z-index:-1;border:1px solid #6389ac;border-radius:19px;overflow:hidden;background:#0c1c32;box-shadow:0 20px 60px #0008;pointer-events:none;animation:stage-float 9s ease-in-out infinite}
.showcase-home .stage-card-0 {inset-inline-start:-13px;rotate:-12deg;border-color:#8b76be;inset-block-start:-8px}
.showcase-home .stage-card-1 {inset-inline-end:-10px;inset-block-start:-32px;rotate:12deg;border-color:#54b8d6;animation-delay:-4.5s}
.showcase-home .stage-card-cover {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.showcase-home .stage-card>div {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:.85rem .75rem;gap:.35rem;background:linear-gradient(#071524e8,transparent 78%)}
.showcase-home .stage-card>div>img {object-fit:contain;width:48px;height:48px;filter:drop-shadow(0 5px 12px #0005)}
.showcase-home .stage-card strong {font-size:.95rem;letter-spacing:-.02em}
.showcase-home .stage-card>div>span {font-size:.6rem;color:#b9cce3}
.showcase-home .project-spotlight {z-index:1;transform:perspective(1000px) rotateY(-6deg) rotate(-1.5deg);margin:3.5rem 1.6rem 0;transition:transform .4s}
.showcase-home .project-spotlight:hover,.showcase-home .project-spotlight:focus-within {transform:perspective(1000px) rotateY(0) rotate(0)}
.showcase-home .spotlight-slides {border-color:#536f97;border-radius:15px;background:#0d1b2c;box-shadow:0 30px 60px #0007,0 0 35px #80b5ff16,7px 8px 0 #5f8de810}
.showcase-home .spotlight-bar {border-color:#ffffff14;background:#17283f;color:#d3e0f1;font-size:.63rem;padding:.85rem 1rem}
.showcase-home .window-dots {color:#8cadd1;letter-spacing:.12em}
.showcase-home .spotlight-visual {height:236px;padding:0;background:#101f35}
.showcase-home .spotlight-visual>img {object-fit:cover;filter:none}
.showcase-home .spotlight-visual>img.spotlight-logo {object-fit:contain}
.showcase-home .visual-label {background:#08182ddc;border-color:#7999c06b;color:#daeaff;inset-inline-start:.8rem;left:auto;bottom:.8rem;font-size:.6rem;padding:.4rem .65rem}
.showcase-home .spotlight-copy {padding:1.15rem 1.2rem .9rem}
.showcase-home .spotlight-copy a {font-family:inherit;font-size:1.24rem;font-weight:700;letter-spacing:-.035em}
.showcase-home .spotlight-copy .eyebrow {color:#93accc;letter-spacing:.16em}
.showcase-home .spotlight-apps {padding:0 1.2rem .9rem}
.showcase-home .spotlight-apps img {width:28px;height:28px}
.showcase-home .spotlight-controls {margin-top:1rem}
.showcase-home .spotlight-controls button {background:#11243a;border-color:#4b698f;width:34px;height:34px}
.showcase-home .spotlight-controls>span {color:#b9cce5}
.showcase-home .hero-orbit .orbit {border-color:#446b9d}
.showcase-home .orbit-glow {background:#7c90ff35}
.showcase-home .orbit-label {background:#152640;border-color:#476287;color:#dce9ff}
.showcase-home .studio-intro {max-width:1220px;margin:0 auto;padding:1.5rem 0 2rem;border-top:1px solid #ffffff16;border-bottom:0;gap:1.4rem}
.showcase-home .studio-intro h2 {font-size:1.35rem;letter-spacing:-.025em}
.showcase-home .studio-intro p {font-size:.82rem;color:#b5c6dc;margin:.45rem 0 0;max-width:700px}
.showcase-home .intro-symbol {width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#172943;font-size:1.9rem;color:#90bfff;flex:none}
.showcase-home .intro-arrow {margin-inline-start:auto;margin-left:0;font-size:1.5rem}
.showcase-home #projects {--text:#17263e;--muted:#54647c;--line:#dce4f0;--gold:#285ed1;color:var(--text);color-scheme:light;background:linear-gradient(#f5f7fc,#fff);padding:2.8rem max(24px,calc((100% - 1220px)/2)) 3rem;border-top:1px solid #fff2;position:relative;display:flex;flex-direction:column;scroll-margin-top:0}
.showcase-home .section-heading {margin-bottom:1.3rem}
.showcase-home .section-heading .eyebrow {color:#3568b7;font-size:.61rem;margin-bottom:.65rem}
.showcase-home .section-heading h2 {font-size:2rem;letter-spacing:-.035em}
.showcase-home .category-pills {order:-1;display:flex;gap:.65rem;flex-wrap:wrap;margin:0 0 2.4rem}
.showcase-home .category-pills button {padding:.75rem 1.1rem;min-height:45px;display:flex;align-items:center;gap:.65rem;background:#fff;border:1px solid #dce4ef;border-radius:11px;color:#40516c;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s}
.showcase-home .category-pills button:hover {border-color:#8aafe1;transform:translateY(-2px)}
.showcase-home .category-pills button[aria-pressed=true] {background:#dfebff;color:#174baf;border-color:#b5cdf3}
.showcase-home .category-symbol {font-size:1.05rem;color:#5278be;line-height:1}
.showcase-home .filters {padding:0 0 1.8rem;border:0;border-radius:0;background:transparent;gap:1rem;margin:0;align-items:end}
.showcase-home .filters label {font-size:.7rem;color:#52627b;gap:.5rem;min-width:190px}
.showcase-home .filters select,.showcase-home .filters input {border-color:#ced9e9;border-radius:10px;background:#fff;color:#263d5f;min-height:46px;padding:.75rem .9rem;box-shadow:0 2px 5px #172b4a03}
.showcase-home .search-label {margin-inline-start:auto;max-width:440px}
.showcase-home .project-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.showcase-home .project-card {border-color:#dce4ef;border-radius:14px;background:#fff;box-shadow:0 3px 10px #162d5004;transition:transform .25s,box-shadow .25s,border-color .25s}
.showcase-home .project-card:hover {transform:translateY(-4px);border-color:#b3c9e8;box-shadow:0 14px 36px #162d5010}
.showcase-home .project-card-body {padding:1.25rem 1.3rem 1.4rem}
.showcase-home .project-top img {width:56px;height:56px;max-width:56px;border-radius:9px}
.showcase-home .badges>span {color:#33588c;background:#edf3fb;border-color:#dbe6f6;font-size:.6rem;padding:.35rem .6rem}
.showcase-home .project-card p {line-height:1.65;font-size:.83rem;margin:.5rem 0 .85rem;color:#55657c}
.showcase-home .project-initial {background:#eef4ff;color:#3d6cae;border-color:#c4d6ef;font:1.7rem system-ui;width:56px;height:56px}
.showcase-home .project-link {color:#1d59b8;font-size:.8rem}
.showcase-home .project-apps {margin-top:1rem;padding-top:1rem;border-color:#e0e7f1}
.showcase-home .project-apps summary {font-size:.76rem;line-height:1.6;color:#304660;min-height:28px;align-items:center;list-style:none}
.showcase-home .project-apps summary::-webkit-details-marker {display:none}
.showcase-home .project-apps summary>span {white-space:nowrap;border:1px solid #dce5f1;border-radius:20px;padding:.1rem .5rem;color:#527bb4;font-size:.65rem}
.showcase-home .project-apps[open] summary>span {background:#e6efff;color:#235abc}
.showcase-home .app-card {border-color:#e1e8f2;padding:1.2rem 0}
.showcase-home .app-card h4 {font-size:.85rem;color:#233b5d}
.showcase-home .app-card-heading>img {width:42px;height:42px}
.showcase-home .app-links>a {background:#edf4ff;border-color:#d0e0f7;color:#2459a4}
.showcase-home .app-preparing {display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin:.7rem 0;color:#56667d;font-size:.68rem}
.showcase-home .preparing-badge {background:#f5edff;color:#654490;border:1px solid #e4d6f7;border-radius:20px;padding:.28rem .6rem;font-weight:600}
.showcase-home .app-preparing>span:not(.preparing-badge) {border:1px solid #dce5f1;border-radius:20px;padding:.25rem .55rem}
.showcase-home .project-support {border-top:1px solid #e0e7f1;margin-top:1rem;padding-top:.7rem}
.showcase-home .project-support .support-label {color:#304660;font-size:.75rem;font-weight:600;margin:0 0 .6rem}
.showcase-home .support-links {display:flex;flex-wrap:wrap;gap:.5rem}
.showcase-home .support-links>a {display:inline-flex;align-items:center;padding:.5rem .65rem;background:#edf4ff;border:1px solid #d0e0f7;color:#2459a4;border-radius:8px;text-decoration:none;font-size:.7rem;line-height:1.5}
.showcase-home .support-links>a:hover {background:#ddeaff;border-color:#a5c4ee}
.showcase-home .project-gallery {padding:0;background:#eef3fa}
.showcase-home .project-card>.project-gallery .gallery-open {aspect-ratio:4/3;height:auto;border:0;border-radius:0;background:#11233b}
.showcase-home .project-card>.project-gallery .gallery-main {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.showcase-home .project-card>.project-gallery .gallery-open:hover .gallery-main {transform:none}
.showcase-home .gallery-zoom {border:1px solid #ffffff75;background:#0b213dc9;color:#fff;width:28px;height:28px;right:auto;inset-inline-end:.65rem;top:.65rem;font-size:.85rem}
.showcase-home .gallery-platform {background:#092137cf;border-color:#ffffff38;color:#dfeaff;left:auto;inset-inline-start:.7rem;bottom:.7rem;padding:.35rem .55rem;font-size:.52rem}
.showcase-home .project-card>.project-gallery .gallery-caption {padding:0 1.15rem;margin:.6rem 0;color:#4e627d;font-size:.63rem}
.showcase-home .gallery-thumbs {gap:.45rem;padding:0 1.15rem .75rem}
.showcase-home .gallery-thumbs>button {background:#fff;border-color:#c4d5ed;border-radius:6px;width:58px;height:39px;flex-basis:58px;padding:2px}
.showcase-home .project-card>.project-gallery:has(.gallery-thumbs>button:only-child) .gallery-caption,
.showcase-home .project-card>.project-gallery:has(.gallery-thumbs>button:only-child) .gallery-thumbs {display:none}
.showcase-home .app-card .project-gallery {background:#eef3fb;padding:.65rem;border-color:#d8e3f2}
.showcase-home .app-card .gallery-caption {color:#526682}
.showcase-home .empty {color:#536680;border-color:#b9cbe3;background:#ffffffb0;font-size:.9rem}
.showcase-home .contact-callout {max-width:1220px;margin:2.3rem auto 0;border:1px solid #3d5479;border-radius:17px;background:radial-gradient(ellipse at 80% 110%,#3c487f,transparent 70%),#111e33;padding:2rem 2.3rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 15px 40px #0002}
.showcase-home .contact-callout h2 {font-size:1.5rem;letter-spacing:-.03em;margin:0}
.showcase-home .contact-callout p {font-size:.84rem;color:#c3cfe0;line-height:1.7;margin:.5rem 0 0;max-width:650px}
.showcase-home .contact-callout .button {margin-inline-start:auto;flex:none;min-width:130px;justify-content:space-between}
.showcase-home .callout-symbol {flex:none;width:52px;height:52px;border:1px solid #5d719c;background:#283759;border-radius:14px;font-size:1.9rem;display:grid;place-items:center;color:#acb6ff}
.showcase-home .site-footer {border-color:#ffffff17;max-width:1220px;padding:2rem 0;gap:1.5rem}
.showcase-home .site-footer p {color:#93a8c4;font-size:.73rem}
.showcase-home .site-footer small {color:#93a8c4;font-size:.65rem}
.showcase-home .site-footer .legal-links {gap:1rem;font-size:.73rem}
.showcase-home .media-viewer {background:#0e1d31;color:#eef4ff;border-color:#6585b1;--line:#4a6486}
.showcase-home .media-viewer::backdrop {background:#071321e8}
.showcase-home .viewer-toolbar button,.showcase-home .viewer-navigation button {background:#1b304e}
@keyframes stage-float {0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(min-width:1441px){.showcase-home .site-header {max-width:none}}
@media(max-width:1300px){.showcase-home .hero,.showcase-home .studio-intro,.showcase-home .contact-callout,.showcase-home .site-footer,.showcase-home .style-preview-note {margin-inline:32px}.showcase-home .site-header {padding-inline:32px}.showcase-home .hero {gap:2.4rem}.showcase-home .stage-card {width:150px;height:260px}.showcase-home .project-spotlight {margin-inline:1rem}}
@media(max-width:1050px){.showcase-home .hero {gap:2rem;min-height:590px}.showcase-home h1 {font-size:3.3rem}.showcase-home .site-header nav {gap:1rem}.showcase-home .site-header nav>a:first-child {display:none}.showcase-home .nav-apps {font-size:.72rem}.showcase-home .stage-card {width:130px;height:235px}.showcase-home .spotlight-visual {height:210px}.showcase-home .project-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-home .hero-actions .button {font-size:.75rem;padding:.9rem 1rem;gap:.8rem}}
@media(max-width:800px){.showcase-home .site-header {padding:1rem 24px;gap:1rem;align-items:start}.showcase-home .site-header nav {gap:.7rem}.showcase-home .site-header .nav-apps {display:none}.showcase-home .hero {grid-template-columns:1fr;max-width:620px;min-height:0;padding:3rem 0 2.5rem;margin-inline:auto;gap:3.5rem}.showcase-home .hero-copy {max-width:none}.showcase-home h1 {font-size:clamp(2.9rem,7vw,3.9rem)}.showcase-home .hero-stage {max-width:510px;width:100%;justify-self:center}.showcase-home .stage-card {width:156px;height:240px}.showcase-home .spotlight-visual {height:260px}.showcase-home .studio-intro {margin-inline:24px;padding-bottom:2rem}.showcase-home .hero-disciplines {margin-top:1.6rem}.showcase-home .style-preview-note {margin-inline:24px;margin-bottom:0}.showcase-home .contact-callout {margin-inline:24px;flex-wrap:wrap;padding:1.6rem}.showcase-home .contact-callout>div:nth-child(2) {flex:1;min-width:0}.showcase-home .contact-callout .button {margin-inline-start:67px}.showcase-home .site-footer {margin-inline:24px}.showcase-home .site-footer .legal-links {flex-basis:100%}}
@media(max-width:660px){.showcase-home .site-header {align-items:center;padding:1rem 20px;flex-wrap:wrap}.showcase-home .site-header nav {margin-inline-start:auto;gap:.6rem}.showcase-home .site-header .brand {font-size:1.08rem}.showcase-home .site-header .brand img {width:36px;height:36px}.showcase-home .site-header .nav-contact {padding:.6rem .7rem;font-size:.72rem;gap:.5rem}.showcase-home .interface-language select {max-width:126px;min-height:38px;padding:.5rem .65rem;font-size:.72rem}.showcase-home .hero {margin-inline:24px;padding:2.5rem 0;gap:1.3rem}.showcase-home h1 {font-size:2.85rem;line-height:1.1;margin-top:.8rem}.showcase-home .lead {font-size:.9rem;line-height:1.8}.showcase-home .hero-actions .button {font-size:.74rem;padding:.85rem .9rem;gap:.8rem}.showcase-home .hero-disciplines {line-height:1.8;font-size:.54rem}.showcase-home .hero-disciplines>span+span:before {margin-inline-end:.7rem}.showcase-home .hero-stage {padding:0}.showcase-home .stage-card {display:none}.showcase-home .project-spotlight {margin:1rem 0 0;transform:none}.showcase-home .spotlight-visual {height:215px}.showcase-home .spotlight-copy a {font-size:1.15rem}.showcase-home .spotlight-copy {padding:1rem}.showcase-home .spotlight-controls {margin-top:.8rem}.showcase-home .studio-intro {gap:1rem;align-items:start}.showcase-home .studio-intro h2 {font-size:1.15rem}.showcase-home .studio-intro p {font-size:.74rem}.showcase-home .intro-symbol {width:40px;height:40px;font-size:1.4rem;border-radius:10px}.showcase-home .intro-arrow {padding:.1rem}.showcase-home #projects {padding:1.8rem 20px 2rem}.showcase-home .section-heading h2 {font-size:1.8rem}.showcase-home .category-pills {gap:.5rem;margin-bottom:1.8rem}.showcase-home .category-pills button {padding:.65rem .85rem;min-height:41px;font-size:.73rem;gap:.4rem}.showcase-home .filters {gap:.9rem;padding-bottom:1.4rem}.showcase-home .filters label {min-width:0;width:100%;max-width:none}.showcase-home .project-grid {grid-template-columns:1fr;gap:1rem}.showcase-home .project-card>.project-gallery .gallery-open {aspect-ratio:4/3}.showcase-home .project-card-body {padding:1.25rem}.showcase-home .project-card p {font-size:.84rem}.showcase-home .contact-callout {margin:1.5rem 20px 0;padding:1.3rem;gap:1rem}.showcase-home .callout-symbol {width:40px;height:40px;font-size:1.4rem;border-radius:10px}.showcase-home .contact-callout h2 {font-size:1.2rem}.showcase-home .contact-callout p {font-size:.75rem}.showcase-home .contact-callout .button {margin-inline-start:56px}.showcase-home .site-footer {margin-inline:20px;gap:1rem;align-items:start}.showcase-home .site-footer p {order:0;margin:0;flex-basis:100%}.showcase-home .site-footer small {margin-inline-start:0;margin-left:0}.showcase-home main {padding-bottom:2rem}}
@media(max-width:380px){.showcase-home .site-header nav {flex-basis:100%;justify-content:space-between;gap:.5rem}.showcase-home h1 {font-size:2.5rem}.showcase-home .hero {margin-inline:20px}.showcase-home .hero-actions {gap:.6rem}.showcase-home .button-outline {width:100%;justify-content:center}.showcase-home .hero-actions>.button:first-child {width:100%;justify-content:space-between}.showcase-home .hero-disciplines {gap:.5rem}.showcase-home .hero-disciplines>span+span:before {margin-inline-end:.5rem}}
@media(prefers-reduced-motion:reduce){.showcase-home .stage-card {animation:none}.showcase-home .project-spotlight,.showcase-home .project-spotlight:hover,.showcase-home .project-spotlight:focus-within,.showcase-home .category-pills button:hover {transform:none}}

/* Dedicated pages share the same approved project, gallery, apps and support components. */
.showcase-home .project-card h3>a:hover {color:#245db8}
.project-detail-page .project-detail-hero {max-width:1220px;margin:0 auto;padding:3.2rem 0 3.8rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem;align-items:start}
.project-detail-page .project-detail-copy {min-width:0}
.project-detail-page .project-back {display:inline-block;color:#b6cceb;font-size:.8rem;margin-bottom:2.3rem}
.project-detail-page .project-back:hover {color:#fff}
.project-detail-page .project-detail-title {display:flex;align-items:center;gap:1.2rem}
.project-detail-page .project-detail-title>img {object-fit:contain;width:76px;height:76px;flex:none}
.project-detail-page .project-detail-title h1 {font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.15;margin:.4rem 0 1rem;overflow-wrap:anywhere}
.project-detail-page .project-detail-copy>.badges {justify-content:flex-start;margin:.5rem 0 1.5rem}
.project-detail-page .project-detail-copy>.badges>span {background:#18304e;color:#c0dcff;border-color:#3a5576}
.project-detail-page .project-description {color:#c6d3e6;font-size:.96rem;line-height:1.9;overflow-wrap:anywhere;margin-bottom:1.1rem}
.project-detail-page .project-detail-copy>.button {font-size:.8rem;padding:.9rem 1.1rem;gap:1rem;margin-inline-end:.6rem}
.project-detail-page .project-detail-copy .project-support {border-color:#3a5576;margin-top:1.6rem;padding-top:1.1rem}
.project-detail-page .project-detail-copy .support-label {color:#c0d5f1;font-size:.8rem}
.project-detail-page .project-detail-media {min-width:0;padding-top:3.2rem}
.project-detail-page .project-detail-media>.project-gallery {background:#12243b;border:1px solid #385579;border-radius:16px;overflow:hidden;padding:.8rem}
.project-detail-page .project-detail-media .gallery-caption {color:#c1d5ee;padding-inline:.35rem;font-size:.73rem}
.project-detail-page .project-detail-media .gallery-open {background:#091727;border-color:#385579;aspect-ratio:auto;height:auto;border-radius:10px}
.project-detail-page .project-detail-media .gallery-main {width:100%;height:auto;object-fit:contain}
.project-detail-page .project-detail-media .gallery-open:hover .gallery-main {transform:none}
.project-detail-page .project-detail-media .gallery-thumbs {padding:0 .35rem .3rem}
.project-detail-page .project-detail-logo {min-height:340px;background:radial-gradient(ellipse,#283f72,#0e2039);border:1px solid #385579;border-radius:16px;display:grid;place-items:center;padding:3rem}
.project-detail-page .project-detail-logo>img {object-fit:contain;width:200px;height:200px}
.project-detail-page .project-detail-logo>span {font-size:6rem;color:#b4d8ff}
.project-detail-page .project-detail-apps {--text:#17263e;--muted:#54647c;--line:#dce4f0;--gold:#285ed1;color:var(--text);color-scheme:light;background:#f5f7fc;padding:2.7rem max(24px,calc((100% - 1220px)/2)) 3rem;scroll-margin-top:1rem}
.project-detail-page .project-detail-apps>.eyebrow {color:#386bb6}
.project-detail-page .project-detail-apps h2 {font-size:2rem}
.project-detail-page .project-detail-apps>.project-apps {margin-top:1.4rem;border-top:0;padding-top:0}
.project-detail-page .project-detail-apps .project-apps>summary {font-size:.82rem}
.project-detail-page .project-detail-apps .project-apps>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;padding-top:1.2rem}
.showcase-home .project-detail-apps .app-card {background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:1.3rem;min-width:0}
.project-detail-page .project-detail-apps .app-card p {font-size:.83rem;line-height:1.75;color:#54647c;overflow-wrap:anywhere}
.project-detail-page .project-notfound {max-width:1220px;margin:0 auto;min-height:450px;padding:5rem 0}
@media(max-width:1300px){.project-detail-page .project-detail-hero,.project-detail-page .project-notfound {margin-inline:32px}}
@media(max-width:800px){.project-detail-page .project-detail-hero {grid-template-columns:1fr;gap:1rem;margin-inline:24px;padding:2rem 0 2.5rem}.project-detail-page .project-back {margin-bottom:1.8rem}.project-detail-page .project-detail-media {padding-top:1rem}.project-detail-page .project-detail-media>.project-gallery {max-width:650px;margin:auto}.project-detail-page .project-detail-title h1 {font-size:2.6rem}.project-detail-page .project-detail-apps h2 {font-size:1.8rem}}
@media(max-width:660px){.project-detail-page .project-detail-title {gap:1rem}.project-detail-page .project-detail-title>img {width:62px;height:62px}.project-detail-page .project-detail-title h1 {font-size:2rem}.project-detail-page .project-description {font-size:.89rem}.project-detail-page .project-detail-apps {padding:2rem 20px}.project-detail-page .project-detail-apps .project-apps>div {grid-template-columns:1fr}.project-detail-page .project-detail-media .gallery-open {aspect-ratio:auto}.project-detail-page .project-notfound {margin-inline:24px;padding:3rem 0}.project-detail-page .project-notfound h1 {font-size:2.3rem}}