/* S&E IT — selected work, tailored AI and GWL Games. */
.sande-business .se-heading,
.sande-business [class^="se-"] h3,
.sande-business [class^="se-"] h4 {font-family:"DM Sans",system-ui,sans-serif; text-transform:none;}
.sande-business .se-heading {font-size:clamp(34px,4.6vw,64px); font-weight:700; line-height:1.08; letter-spacing:-.055em; margin:0; color:#f4fff8;}
.se-heading > span {color:#91b6a0;}
.se-section-head {display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:48px; margin-bottom:42px;}
.se-section-head > p {max-width:440px; color:#b6c8bd; font-size:17px; line-height:1.8; margin:0 0 3px auto;}
.se-eyebrow {display:block; font-size:11px; font-weight:700; line-height:1.5; letter-spacing:.2em; text-transform:uppercase; color:#7aeab1; margin-bottom:20px;}
.se-label {font-size:10px; letter-spacing:.17em; text-transform:uppercase; font-weight:700; color:#94bda5;}
.sande-business a.se-text-link {display:inline-flex; align-items:center; gap:20px; color:#bdfbd7; font-weight:700; font-size:14px; text-decoration:none; line-height:1.6;}
.se-text-link > span {font-size:22px; transition:transform .2s;}
.se-text-link:hover > span {transform:translate(3px,-3px);}
.se-text-link:hover {text-decoration:underline!important; text-underline-offset:5px;}
.se-tags {display:flex; gap:7px; flex-wrap:wrap;}
.se-tags > span {display:inline-block; padding:6px 10px; border:1px solid #ffffff19; border-radius:6px; color:#c5d5cb; background:#ffffff05; font-size:11px; line-height:1.4;}
.sande-business a:focus-visible, .sande-business button:focus-visible {outline:2px solid #adffd2; outline-offset:5px;}
.sande-business .backToTop {border:0;}
.sande-business .sande-dashboard-top {flex-wrap:wrap;}
.sande-business .sande-screen-list li {font-size:14px; flex-wrap:wrap;}
.sande-business section[id], .sande-business article[id] {scroll-margin-top:100px;}
.se-service-more {display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding-top:18px; border-top:1px solid #ffffff14; color:#a6edc3; font-size:13px; font-weight:700;}
.sande-business .sande-proof-row {grid-template-columns:repeat(4,minmax(0,1fr));}
.sande-business .sande-proof {box-shadow:none; border-radius:12px;}
.sande-business .sande-proof strong {font-size:18px;}
.sande-business .sande-proof span {font-size:10px; letter-spacing:.04em;}
.sande-business .aiana-input select option, body:not(.sande-business) select option {background:#102219; color:#f4fff8;}

/* A readable explanation of the AI service. */
.se-ai {border-top:1px solid #8cffb814; border-bottom:1px solid #8cffb814;}
.se-ai-system {display:grid; grid-template-columns:.9fr 1.1fr; border:1px solid #9bffc32d; border-radius:26px; overflow:hidden; background:linear-gradient(115deg,#0b2418,#06160e);}
.se-ai-intro {padding:clamp(26px,4vw,54px); position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;}
.se-ai-intro::after {content:""; position:absolute; inset:0; z-index:-1; opacity:.25; background:radial-gradient(circle at 0 100%,#36d68550,transparent 65%);}
.se-ai-intro h3 {font-size:clamp(28px,3.1vw,42px); line-height:1.14; letter-spacing:-.045em; font-weight:600; margin:24px 0 18px; color:#effff5;}
.se-ai-intro p {font-size:15px; line-height:1.8; color:#b6c8bd; margin:0 0 28px; max-width:360px;}
.se-ai-flow {list-style:none; padding:24px; margin:0; background:#010a0460; display:grid; gap:10px;}
.se-ai-flow li {display:grid; grid-template-columns:36px minmax(0,1fr); gap:18px; border:1px solid #ffffff0d; border-radius:14px; padding:24px; background:#ffffff03;}
.se-step-number {font-family:monospace; font-size:12px; color:#87a994; padding-top:5px;}
.se-ai-flow h4 {font-size:19px; font-weight:600; color:#effff5; margin:0 0 8px;}
.se-ai-flow p {font-size:14px; line-height:1.7; color:#b6c8bd; margin:0 0 14px;}
.se-ai-flow li.se-ai-core {border-color:#77ffae55; background:linear-gradient(110deg,#1a543c60,#12342250);}
.se-ai-core .se-step-number {color:#8affba;}
.se-ai-roles {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:22px;}
.se-role {border:1px solid #ffffff14; border-radius:20px; padding:30px; background:#07150d; display:flex; flex-direction:column;}
.se-role-icon {width:42px; height:42px; display:grid; place-items:center; border-radius:12px; border:1px solid #8bffb929; background:#8bffb908; color:#9cefc1; font-size:18px; margin-bottom:24px;}
.se-role h3 {font-size:19px; color:#f0fff6; font-weight:600; margin:0 0 12px; line-height:1.35;}
.se-role p {font-size:14px; line-height:1.8; color:#b6c8bd; margin:0 0 24px;}
.se-role-detail {display:block; margin-top:auto; font-size:11px; line-height:1.6; color:#8fbda2; padding-top:14px; border-top:1px solid #ffffff12;}
.se-ai-example {margin-top:22px; display:flex; align-items:center; gap:24px; padding:22px 0; border-top:1px solid #ffffff14;}
.se-example-label {font-size:10px; text-transform:uppercase; letter-spacing:.14em; color:#87b399; flex:0 0 120px;}
.se-ai-example p {font-size:14px; line-height:1.7; color:#b6c8bd; margin:0; flex:1;}
.se-ai-example a {flex-shrink:0;}

/* Three projects, each with a distinct visual identity. */
.se-case-list {display:grid; gap:28px;}
.se-case {display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); border:1px solid #ffffff19; border-radius:26px; overflow:hidden; background:#09160f;}
.se-case-copy {display:flex; flex-direction:column; padding:clamp(28px,3.3vw,46px); min-width:0;}
.se-case-meta {display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; color:#91b09d; font-size:10px; text-transform:uppercase; letter-spacing:.13em; line-height:1.7; margin-bottom:22px;}
.se-case-copy h3 {color:#f4fff8; font-size:clamp(28px,3vw,42px); font-weight:650; letter-spacing:-.045em; line-height:1.1; margin:0 0 12px;}
.se-case-copy .se-case-subtitle {font-size:18px; color:#d8e9df; line-height:1.45; margin:0 0 20px;}
.se-case-copy > p {color:#b6c8bd; font-size:14px; line-height:1.85; margin-bottom:20px;}
.se-case-copy strong {font-weight:600; color:#e4f7ec;}
.se-case-features {margin:0 0 26px; padding:0; list-style:none; display:grid; gap:10px;}
.se-case-features li {position:relative; padding-left:18px; font-size:13px; line-height:1.6; color:#b6c8bd;}
.se-case-features li::before {content:""; position:absolute; top:.65em; left:0; width:5px; height:5px; background:#81cf9e; border-radius:50%;}
.se-case-footer {margin-top:auto; padding-top:22px; border-top:1px solid #ffffff14; display:flex; flex-direction:column; gap:22px; align-items:flex-start;}
.sande-business a.se-project-link {display:inline-flex; align-items:center; gap:24px; font-size:13px; font-weight:700; color:#ecfff3; text-decoration:none; padding:4px 0 8px; border-bottom:1px solid #8bddaa70; line-height:1.5;}
.se-project-link > span {font-size:20px; transition:transform .2s;}
.se-project-link:hover > span {transform:translate(3px,-3px);}
.se-project-link:hover {border-color:#caffdf!important;}
.se-case--houseloom .se-case-copy h3 {font-size:clamp(26px,2.6vw,36px);}

/* GWL Games: an independent creative discipline. */
.sande-business .se-games {background:linear-gradient(180deg,#111016,#0a0f0e)!important; border-block:1px solid #ffffff14;}
.se-games-intro {display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(36px,7vw,100px); align-items:center; margin-bottom:70px;}
.se-games-brand {aspect-ratio:1; max-width:330px; border:1px solid #d7cbff30; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(circle,#34244370,transparent 65%); box-shadow:inset 0 0 0 16px #e6daff03,inset 0 0 0 17px #e6daff0a; position:relative;}
.se-games-brand::before {content:"✦"; position:absolute; top:15%; right:22%; color:#c6aff0; font-size:26px;}
.se-games-brand > span:first-child {font-family:"DM Sans",system-ui,sans-serif; font-weight:900; font-size:clamp(52px,7vw,100px); line-height:1; letter-spacing:-.1em; padding-right:10px; color:#f2edff;}
.se-games-brand > span:last-child {font-size:12px; letter-spacing:.65em; color:#b8a4d5; margin-top:12px; padding-left:8px;}
.se-games .se-eyebrow {color:#c9b3ed;}
.se-games .se-heading > span {color:#c4aedf;}
.se-games-intro p {font-size:16px; color:#c3bfcb; line-height:1.8; max-width:610px; margin:24px 0;}
.sande-business .se-games a.se-text-link {color:#dcc4ff;}
.se-games-heading {display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:1px solid #ffffff19; margin-bottom:26px;}
.se-games-heading h3 {font-size:20px; line-height:1.4; font-weight:500; color:#f2eef8; margin:0;}
.se-games-heading > span {color:#b2a5bf; font-size:10px; text-transform:uppercase; letter-spacing:.13em;}
.se-game-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px;}
.se-game {border:1px solid #ffffff19; border-radius:24px; overflow:hidden; background:#111717; display:flex; flex-direction:column;}
.se-game-copy {padding:32px; display:flex; flex:1; flex-direction:column; align-items:flex-start;}
.se-game-copy .se-case-meta {width:100%; color:#a8bcb0; margin-bottom:16px;}
.se-published {color:#b0ebc8;}
.se-published::before {content:""; display:inline-block; width:5px; height:5px; background:#9fe3ba; border-radius:50%; margin-right:7px; vertical-align:middle;}
.se-game-copy h3 {font-size:34px; line-height:1.1; font-weight:650; letter-spacing:-.04em; color:#f2fff7; margin:0 0 18px;}
.se-game-copy > p {font-size:14px; color:#b6c8bd; line-height:1.8; margin:0 0 24px;}
.se-game-copy .se-tags {margin-top:auto; margin-bottom:24px;}
.se-games-outro {display:flex; justify-content:space-between; align-items:center; gap:24px; padding-top:36px;}
.se-games-outro p {font-size:16px; line-height:1.6; color:#bdb7c6; margin:0;}

/* Service pages describe capabilities instead of selling packages. */
body:not(.sande-business) .se-capabilities {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0;}
body:not(.sande-business) .se-capabilities .card {min-width:0;}
body:not(.sande-business) .se-capabilities p {font-size:15px; line-height:1.8; color:#b6c8bd; margin-bottom:0;}
body:not(.sande-business) .se-capabilities h3 {line-height:1.35;}
body:not(.sande-business) .se-case-summary {margin-bottom:18px;}
body:not(.sande-business) .se-case-summary a {color:#acffd0; text-underline-offset:5px;}

/* Adapt the existing navigation for the new destinations. */
@media (min-width:992px) {
  .sande-business nav {padding-inline:clamp(18px,3vw,60px)!important; gap:22px!important;}
  .sande-business nav > .aiana-menu {gap:clamp(14px,2vw,30px)!important;}
  .sande-business nav .anchorHover a {font-size:12px!important; letter-spacing:.05em;}
  .sande-business .nav-cta {font-size:12px; padding:12px 16px;}
}
@media (max-width:991px) {
  .se-section-head {grid-template-columns:1fr; gap:22px;}
  .se-section-head > p {margin:0; max-width:620px; font-size:16px;}
  .se-ai-system {grid-template-columns:1fr;}
  .se-ai-intro p {max-width:560px;}
  .se-ai-roles {gap:14px;}
  .se-role {padding:22px;}
  .se-ai-example {flex-wrap:wrap; gap:14px;}
  .se-ai-example .se-example-label {flex-basis:100%;}
  .se-case {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
  .se-case-copy {padding:28px;}
  .se-case-meta {font-size:9px;}
  .se-games-intro {gap:36px; grid-template-columns:.7fr 1.3fr;}
  .se-game-copy {padding:26px;}
  .sande-business .mobNavInner {width:auto!important; height:auto!important; max-height:calc(100dvh - 100px); overflow-y:auto; visibility:hidden;}
  .sande-business .mobileNav.menuActive .mobNavInner {visibility:visible;}
  .sande-business .mobNavInner .aiana-menu li a {font-size:20px!important; line-height:1.3;}
  .sande-business .mobNavInner .nav-cta {justify-content:center; margin-top:16px; font-size:13px;}
}
@media (max-width:767px) {
  .se-section-head {margin-bottom:30px;}
  .sande-business .sande-proof-row {grid-template-columns:repeat(2,minmax(0,1fr));}
  .se-ai-roles {grid-template-columns:1fr;}
  .se-role {padding:26px;}
  .se-role-icon {margin-bottom:18px;}
  .se-ai-flow {padding:14px;}
  .se-ai-flow li {padding:20px; gap:10px; grid-template-columns:25px minmax(0,1fr);}
  .se-ai-example {display:block;}
  .se-ai-example p {margin:12px 0;}
  .se-case {grid-template-columns:1fr; border-radius:20px;}
  .se-case-copy {padding:28px 24px;}
  .se-case-copy h3 {font-size:34px;}
  .se-case--houseloom .se-case-copy h3 {font-size:29px;}
  .se-games-intro {grid-template-columns:1fr; gap:30px; margin-bottom:44px;}
  .se-games-brand {width:160px;}
  .se-games-brand > span:first-child {font-size:59px;}
  .se-games-brand > span:last-child {font-size:9px; margin-top:6px;}
  .se-games-brand::before {font-size:16px;}
  .se-games-heading {align-items:flex-start; flex-direction:column; gap:12px;}
  .se-game-grid {grid-template-columns:1fr;}
  .se-games-outro {align-items:flex-start; flex-direction:column;}
  body:not(.sande-business) .se-capabilities {grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important;}
  .sande-business *, .sande-business *::before, .sande-business *::after {animation:none!important; transition:none!important;}
  .is-reveal {opacity:1; transform:none;}
}

/* Compact spacing for the lower homepage sections. */
.sande-business #about.sande-section {padding-bottom:44px!important;}
.sande-business #process.sande-section,
.sande-business #custom.sande-section,
.sande-business #faq.sande-section,
.sande-business #contact.sande-section {margin-block:0; padding-block:44px!important;}
.sande-business .se-section-eyebrow {margin:0 0 14px;}
.sande-business #process .sande-process-grid {margin-top:28px;}
.sande-business #custom .sande-about-grid {align-items:start;}
.sande-business #faq .se-faq-list {margin-top:28px;}
.sande-business #faq .accordion-item {padding:0; margin-bottom:10px;}
.sande-business #faq .accordion-item:last-child {margin-bottom:0;}
.sande-business #faq .accordion-header button {padding:18px 24px; gap:16px; line-height:1.45;}
.sande-business #faq .accordion-header button::after {flex-shrink:0;}
.sande-business #faq .accordion-body {width:100%; padding:0 24px 20px;}
@media (max-width:767px) {
  .sande-business #about.sande-section {padding-bottom:30px!important;}
  .sande-business #process.sande-section,
  .sande-business #custom.sande-section,
  .sande-business #faq.sande-section,
  .sande-business #contact.sande-section {padding-block:30px!important;}
  .sande-business #process .sande-process-grid,
  .sande-business #faq .se-faq-list {margin-top:22px;}
  .sande-business #faq .accordion-header button {padding:16px 18px; font-size:16px;}
  .sande-business #faq .accordion-body {padding:0 18px 18px; font-size:15px;}
}

/* Genuine project captures, kept readable and in their original proportions. */
.se-project-media, .se-game-media {margin:0; min-width:0; display:flex; flex-direction:column; gap:22px; padding:28px; border:0; overflow:hidden;}
.se-project-media {min-height:465px; color:#193d43; background:#dceced;}
.se-project-media--ordely {background:radial-gradient(ellipse at 80% 20%,#c6fff1,transparent 70%),#d5eafa;}
.se-project-media--hourbase {background:radial-gradient(ellipse at 90% 10%,#dae9ff,transparent 70%),#cbdbe9; color:#243e5b;}
.se-project-media--houseloom {background:linear-gradient(145deg,#e5dece,#c8bba2); color:#4c4334;}
.se-project-media--parcelpilot {background:radial-gradient(ellipse at 85% 10%,#d5f4de,transparent 70%),#c4e1d1; color:#224e36;}
.se-screen-label {display:block; font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; line-height:1.6;}
.se-screen-stage {display:flex; flex:1; min-width:0; align-items:center; justify-content:center;}
.sande-business a.se-screen-link {display:block; min-width:0; padding:0; line-height:0; border:1px solid #ffffff70; box-shadow:0 18px 44px #09273329; overflow:hidden; background:#101b22; text-decoration:none; cursor:zoom-in; transition:box-shadow .2s ease;}
.sande-business a.se-screen-link:hover {box-shadow:0 22px 48px #09273345;}
.sande-business a.se-screen-link:focus-visible {outline:3px solid #237d68; outline-offset:6px;}
.sande-business .se-screen-link img {display:block; width:100%; height:auto; max-width:100%; object-fit:contain; opacity:1; filter:none; transform:none;}
.sande-business a.se-screen-link--desktop {width:100%; border-radius:10px;}
.sande-business a.se-screen-link--phone {width:100%; max-width:236px; border:5px solid #15212c; border-radius:22px;}
.se-project-media figcaption, .se-game-media figcaption {display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:10px; line-height:1.6; letter-spacing:.015em;}
.se-project-media figcaption {color:#3c5558;}
.se-project-media--houseloom figcaption {color:#62533e;}
.se-project-media figcaption > span, .se-game-media figcaption > span {font-weight:600;}
.se-game-media {background:radial-gradient(ellipse at 50% 0,#164656,transparent 75%),#071b24; color:#c7edf0;}
.se-game-media--chain {background:radial-gradient(ellipse at 50% 0,#356e69,transparent 75%),#183d3a; color:#d7eee1;}
.se-game-screens {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; justify-content:center; gap:18px; width:100%; max-width:424px; margin:auto; padding:4px 0 16px;}
.se-game-screens .se-screen-link:nth-child(2) {margin-top:26px;}
.se-game-media figcaption {color:#b6d0d0; margin-top:auto;}
@media (min-width:768px) and (max-width:991px) {
  .se-project-media {padding:20px; gap:18px;}
  .se-game-media {padding:20px;}
  .se-game-screens {gap:12px;}
}
@media (max-width:767px) {
  .se-project-media {min-height:0; padding:24px; gap:20px;}
  .se-project-media--ordely .se-screen-stage {padding-block:4px;}
  .sande-business .se-project-media a.se-screen-link--phone {max-width:222px;}
  .se-game-media {padding:24px;}
  .se-game-screens {max-width:400px; gap:14px;}
}
@media (max-width:380px) {
  .se-project-media, .se-game-media {padding:18px;}
  .se-game-screens {gap:10px;}
  .sande-business .se-game-screens a.se-screen-link--phone {border-width:3px; border-radius:15px;}
  .se-screen-label {font-size:9px;}
}