/* V74: restrained geometric details inspired by the supplied HRS mockup. */
body.showcase-home {background:#f8faff;--gold:#9cbaff}
.showcase-home .site-header {max-width:none;min-height:76px;padding-block:.9rem;background:#07121f;border-bottom:1px solid #91b2eb1b}
.showcase-home .site-header .brand {gap:.55rem}
.showcase-home .site-header .brand img {width:42px;height:42px}
.showcase-home .site-header nav {gap:1.5rem}
.showcase-home .site-header nav>a:not(.nav-contact) {position:relative;padding-block:.65rem}
.showcase-home .site-header nav>a:not(.nav-contact)::after {content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:linear-gradient(90deg,#58afff,#8865ff);scale:0 1;transition:scale .2s;transform-origin:center}
.showcase-home .site-header nav>a:not(.nav-contact):hover::after,.showcase-home .site-header nav>a:not(.nav-contact):focus-visible::after {scale:1 1}
.showcase-home .site-header .nav-contact,.showcase-home .button:not(.button-outline) {background:linear-gradient(110deg,#498dff,#7d53ff);color:#fff;border-color:#b2beff45;box-shadow:0 4px 20px #5969ff35}
/* Contact stays visible when it is now the first and only navigation link. */
.showcase-home .site-header nav>a.nav-contact:first-child {display:flex}
.showcase-home .site-header .nav-contact:hover,.showcase-home .button:not(.button-outline):hover {box-shadow:0 7px 26px #7062ff55;color:#fff}
.showcase-home .button {border-radius:12px;padding:.85rem 1.2rem;min-height:46px}
.showcase-home .button-outline {border-color:#8198bf;background:#0b1b2f66;border-radius:12px}
.showcase-home main {padding-bottom:0;background:radial-gradient(ellipse 650px 450px at 78% 220px,#17436d88,transparent 74%),radial-gradient(ellipse 490px 410px at 100% 150px,#563e9145,transparent 80%),#071321}
.showcase-home .hero {min-height:520px;padding:2.4rem 0 2.7rem;gap:3rem}
.showcase-home h1 {font-size:clamp(2.6rem,4vw,3.7rem);line-height:1.08;background:linear-gradient(110deg,#fff 25%,#e5ecff 48%,#9ea6ff 83%,#af82ff);background-clip:text;margin:1rem 0 1.2rem}
.showcase-home .hero .lead {font-size:1rem;line-height:1.75;margin-bottom:1.5rem}
.showcase-home .hero-stage {padding:.7rem 0 .3rem}
.showcase-home .project-spotlight {margin:2.3rem 1.2rem 0}
.showcase-home .spotlight-visual {height:210px}
.showcase-home .spotlight-visual>img:not(.spotlight-logo) {object-position:center top}
.showcase-home .spotlight-bar {padding:.65rem .9rem}
.showcase-home .spotlight-copy {padding:.95rem 1.1rem .7rem}
.showcase-home .spotlight-apps {padding:0 1.1rem .85rem;gap:.5rem}
.showcase-home .spotlight-apps>img {width:30px;height:30px}
.showcase-home .spotlight-controls {margin-top:.8rem}
.showcase-home .stage-card {width:156px;height:246px;border-radius:21px;box-shadow:0 18px 44px #0007,0 0 18px #7082ff16}
.showcase-home .stage-glow {background:radial-gradient(ellipse,#4394d86b,transparent 65%)}
.showcase-home .hero-disciplines {margin-top:1.6rem;gap:.5rem;letter-spacing:.03em}
.showcase-home .hero-disciplines>span {border:1px solid #7196c133;padding:.45rem .65rem;border-radius:6px;background:#2b4d7718;color:#bdd0ea}
.showcase-home .hero-disciplines>span+span:before {content:none}
.showcase-home .studio-intro {padding:1.1rem 0 1.5rem;gap:1rem}
.showcase-home .studio-intro h2 {font-size:1.2rem}
.showcase-home .intro-symbol {width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#214066,#352e63);color:#b6bfff;font-size:1.5rem}
.showcase-home #projects {padding-top:2rem;background:linear-gradient(#f8faff,#fff);border-top-color:#fff2}
.showcase-home .category-pills {gap:.8rem;margin-bottom:2.3rem}
.showcase-home .category-pills button {flex:1 1 155px;justify-content:flex-start;gap:.9rem;padding:.85rem 1rem;min-height:64px;background:#f0f3f9;border-color:transparent;color:#253952;border-radius:15px;text-align:start}
.showcase-home .category-pills button:hover {background:#eaf0fc;border-color:#bccfee;transform:translateY(-2px)}
.showcase-home .category-pills button[aria-pressed=true] {background:#e8efff;color:#204daa;border-color:#cedcff}
.showcase-home .category-symbol {display:grid;place-items:center;flex:none;width:34px;height:34px;color:#488ff5;background:#dce9ff;border-radius:10px}
.showcase-home .category-symbol svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.showcase-home [data-category="games"] .category-symbol {background:#fce7f2;color:#c53886}
.showcase-home [data-category="utility"] .category-symbol {background:#e9e5ff;color:#7656ce}
.showcase-home [data-category="wellness"] .category-symbol,.showcase-home [data-category="wellbeing"] .category-symbol {background:#dff4e8;color:#267746}
.showcase-home .section-heading h2 {font-size:2rem;color:#17263e}
.showcase-home .project-card {border-radius:15px;border-color:#e0e7f2;box-shadow:0 3px 12px #19366107}
.showcase-home .project-card:hover {box-shadow:0 16px 36px #253c6612;border-color:#aabbf0}
.showcase-home .project-card h3 {font-size:1.35rem;letter-spacing:-.035em}
.showcase-home .badges>span {border:0;background:#edf3ff;color:#325daf}
.showcase-home .project-apps summary>span {background:#f2f6ff;color:#335db2}
.showcase-home .project-apps[open] summary>span {background:#e6eaff;color:#6646bb}
.showcase-home .gallery-thumbs>button[aria-pressed=true] {border-color:#5c68df;box-shadow:0 0 0 1px #5c68df}
.showcase-home:not(.project-detail-page) .contact-callout {max-width:none;margin:0;padding:2.2rem max(24px,calc((100% - 1220px)/2));border:0;border-radius:0;background:#fff;box-shadow:none;position:relative;isolation:isolate}
.showcase-home:not(.project-detail-page) .contact-callout::before {content:"";position:absolute;inset:1rem max(24px,calc((100% - 1260px)/2));z-index:-1;border:1px solid #49638a;border-radius:16px;background:radial-gradient(ellipse at 85% 100%,#293467,#081829 76%)}
.showcase-home .contact-callout h2 {color:#f3f6ff}
.showcase-home .contact-callout .callout-symbol {background:#21314f;border-color:#60739b;color:#a5b3ff}
.showcase-home .site-footer {max-width:none;margin:0;padding:1.7rem max(24px,calc((100% - 1220px)/2));border-color:#e0e7f2;background:#fff;color:#1d3049;gap:1.5rem}
.showcase-home .site-footer p,.showcase-home .site-footer small {color:#566982}
.showcase-home .site-footer .legal-links {color:#3d5676}
.showcase-home .site-footer .legal-links a:hover {color:#694ccc}
@media(max-width:1300px){.showcase-home .site-header {padding-inline:32px}.showcase-home .hero {gap:2rem}.showcase-home .contact-callout::before {inset-inline:20px}.showcase-home .site-footer {padding-inline:32px}}
@media(max-width:1050px){.showcase-home .hero {min-height:490px}.showcase-home h1 {font-size:3rem}.showcase-home .site-header nav {gap:.9rem}.showcase-home .stage-card {width:135px;height:224px}}
@media(max-width:800px){.showcase-home .hero {padding:2.8rem 0 2rem;min-height:0;gap:1.2rem}.showcase-home .hero-stage {padding:1rem 0 0}.showcase-home .spotlight-visual {height:245px}.showcase-home .studio-intro {padding-bottom:1.5rem}.showcase-home .category-pills button {flex-basis:40%;min-height:60px}.showcase-home:not(.project-detail-page) .contact-callout {padding:2.4rem 44px;gap:1rem}.showcase-home .contact-callout .button {margin-inline-start:0}.showcase-home .site-footer {padding-inline:24px}}
@media(max-width:660px){.showcase-home .site-header {padding:1rem 20px;gap:.8rem}.showcase-home .site-header .brand img {width:37px;height:37px}.showcase-home .site-header nav {gap:.5rem}.showcase-home h1 {font-size:clamp(2.5rem,8vw,3.2rem)}.showcase-home .hero {padding-top:2.2rem;gap:.6rem}.showcase-home .project-spotlight {margin:0;transform:none}.showcase-home .spotlight-visual {height:220px}.showcase-home .category-pills {gap:.55rem;margin-bottom:1.8rem}.showcase-home .category-pills button {padding:.7rem .8rem;gap:.6rem;font-size:.76rem}.showcase-home .category-symbol {width:30px;height:30px;border-radius:8px}.showcase-home .category-symbol svg {width:21px;height:21px}.showcase-home .contact-callout h2 {font-size:1.2rem}.showcase-home .contact-callout .button {margin-inline-start:56px}.showcase-home .site-footer {padding-inline:20px}}
@media(max-width:380px){.showcase-home h1 {font-size:2.45rem}.showcase-home .hero-disciplines {gap:.4rem}.showcase-home .hero-disciplines>span {font-size:.52rem}.showcase-home .category-pills button {flex-basis:100%}.showcase-home:not(.project-detail-page) .contact-callout {padding-inline:38px}.showcase-home .contact-callout .button {margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){.showcase-home .site-header nav>a::after {transition:none}}