/* Stitch project archive/detail: editorial case-study system, scoped to project routes. */
.sc-project-page { --sp-navy:#17324d; --sp-navy-deep:#0f2337; --sp-orange:#f28a32; --sp-orange-dark:#c65f12; --sp-ink:#1e293b; --sp-muted:#64748b; --sp-line:#e2e8f0; --sp-wash:#f1f5f9; --sp-paper:#f8fafc; max-width:1280px; margin:0 auto; padding:40px 48px 88px; color:var(--sp-ink); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; }

.sc-project-page *, .sc-project-page *::before, .sc-project-page *::after { box-sizing:border-box; }
.sc-project-page a { color:inherit; }
.sc-project-page h1,.sc-project-page h2,.sc-project-page h3,.sc-project-page p { margin-top:0; }
.sc-project-page h1,.sc-project-page h2,.sc-project-page h3 { color:var(--sp-navy); letter-spacing:-.025em; }
.sc-project-page h1 { margin-bottom:14px; font-size:clamp(30px,3vw,36px); line-height:1.08; font-weight:800; }
.sc-project-page h2 { margin-bottom:14px; font-size:clamp(1.45rem,2.6vw,2.15rem); line-height:1.16; font-weight:800; }
.sc-project-page h3 { margin-bottom:8px; font-size:1.1rem; line-height:1.3; }
.sc-project-page p { color:var(--sp-muted); line-height:1.7; }
.sc-project-breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin:0 0 28px; color:var(--sp-muted); font-size:.76rem; }
.sc-project-breadcrumbs a { text-decoration:none; }
.sc-project-breadcrumbs a:hover { color:var(--sp-orange-dark); }
.sc-project-kicker { margin-bottom:10px !important; color:var(--sp-orange-dark) !important; font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:.69rem !important; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sc-project-lead { max-width:760px; margin-bottom:0 !important; font-size:1rem; }
.sc-project-archive-head { display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:32px; align-items:end; padding:0 0 40px; border-bottom:1px solid var(--sp-line); }
.sc-project-summary { display:grid; gap:0; padding:18px 20px; border:1px solid var(--sp-line); border-radius:10px; background:#fff; box-shadow:0 6px 18px rgba(23,50,77,.05); }
.sc-project-summary div { display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--sp-line); font-size:.73rem; }
.sc-project-summary div:last-child { border-bottom:0; }
.sc-project-summary span { color:var(--sp-muted); }
.sc-project-summary strong { color:var(--sp-navy); font-size:.73rem; text-align:right; }
.sc-project-filters { display:flex; flex-wrap:wrap; align-items:center; gap:9px; padding:20px 0 26px; }
.sc-project-filters a,.sc-project-filters span { display:inline-flex; align-items:center; gap:8px; min-height:35px; padding:7px 12px; border:1px solid var(--sp-line); border-radius:5px; background:#fff; color:var(--sp-muted); font-size:.72rem; font-weight:700; text-decoration:none; }
.sc-project-filters a.is-active { border-color:var(--sp-navy); background:var(--sp-navy); color:#fff; }
.sc-project-filters b { padding:2px 6px; border-radius:3px; background:var(--sp-wash); color:var(--sp-navy); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; }
.sc-project-filters a.is-active b { background:var(--sp-orange); color:#fff; }
.sc-project-sort { margin-left:auto; border-color:transparent !important; background:transparent !important; font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px !important; }
.sc-project-list { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; }
.sc-project-featured { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); overflow:hidden; border:1px solid var(--sp-line); border-radius:10px; background:#fff; box-shadow:0 7px 24px rgba(23,50,77,.06); }
.sc-project-featured-media { position:relative; min-height:460px; overflow:hidden; background:var(--sp-wash); }
.sc-project-image { display:block; width:100%; height:100%; object-fit:cover; }
.sc-project-featured-media .sc-project-image { transition:transform .35s ease; }
.sc-project-featured:hover .sc-project-featured-media .sc-project-image,.sc-project-card:hover .sc-project-card-media .sc-project-image { transform:scale(1.035); }
.sc-project-badge { position:absolute; top:18px; left:18px; padding:6px 9px; border-radius:4px; background:var(--sp-navy); color:#fff; font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:.66rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.sc-project-image-meta { position:absolute; bottom:18px; left:18px; padding:7px 10px; border-radius:4px; background:rgba(15,35,55,.88); color:#fff; font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; }
.sc-project-featured-copy { display:flex; flex-direction:column; padding:28px 30px 26px; }
.sc-project-meta-row { display:flex; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--sp-line); color:var(--sp-muted); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; text-transform:uppercase; }
.sc-project-meta-row strong { color:var(--sp-orange-dark); }
.sc-project-eyebrow { margin:22px 0 8px !important; color:var(--sp-orange-dark) !important; font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px !important; font-weight:800; text-transform:uppercase; }
.sc-project-featured-copy h2 { margin-bottom:10px; font-size:clamp(1.5rem,2.4vw,2rem); }
.sc-project-featured-copy h2 a,.sc-project-card h2 a { text-decoration:none; }
.sc-project-featured-copy > p:not(.sc-project-eyebrow) { font-size:14px; }
.sc-project-featured-copy dl { margin:17px 0 0; border-top:1px solid var(--sp-line); border-bottom:1px solid var(--sp-line); }
.sc-project-featured-copy dl div { display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px solid var(--sp-line); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; }
.sc-project-featured-copy dl div:last-child { border-bottom:0; }
.sc-project-featured-copy dt { color:var(--sp-muted); }
.sc-project-featured-copy dd { margin:0; color:var(--sp-navy); font-weight:700; text-align:right; }
.sc-project-link,.sc-project-card-footer a,.sc-project-modules .sc-project-section-heading > a { display:inline-flex; align-items:center; gap:8px; color:var(--sp-orange-dark) !important; font-size:.75rem; font-weight:800; text-decoration:none; }
.sc-project-link { margin-top:auto; padding-top:20px; }
.sc-project-link span,.sc-project-card-footer span,.sc-project-modules a span { font-size:1.1rem; transition:transform .2s ease; }
.sc-project-link:hover span,.sc-project-card-footer a:hover span,.sc-project-modules a:hover span { transform:translateX(3px); }
.sc-project-card { grid-column:span 2; display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--sp-line); border-radius:10px; background:#fff; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.sc-project-card:hover { transform:translateY(-3px); border-color:var(--sp-navy); box-shadow:0 12px 26px rgba(23,50,77,.1); }
.sc-project-card-media { position:relative; display:block; aspect-ratio:4/3; overflow:hidden; background:var(--sp-wash); }
.sc-project-card-media span { position:absolute; top:12px; left:12px; padding:5px 8px; border:1px solid var(--sp-line); border-radius:4px; background:rgba(255,255,255,.94); color:var(--sp-navy); font-size:.66rem; font-weight:800; }
.sc-project-card-body { display:flex; flex:1; flex-direction:column; padding:18px 18px 16px; }
.sc-project-card-location { margin-bottom:7px !important; color:var(--sp-muted) !important; font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px !important; text-transform:uppercase; }
.sc-project-card h2 { margin-bottom:8px; font-size:1.1rem; }
.sc-project-card-body > p:not(.sc-project-card-location) { margin-bottom:14px; font-size:14px; }
.sc-project-card-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:12px; border-top:1px solid var(--sp-line); }
.sc-project-card-footer small { color:var(--sp-muted); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; }
.sc-project-pagination { display:flex; justify-content:center; margin-top:28px; }
.sc-project-pagination ul { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; }
.sc-project-pagination a,.sc-project-pagination span { display:inline-flex; min-width:36px; min-height:36px; align-items:center; justify-content:center; padding:0 9px; border:1px solid var(--sp-line); border-radius:4px; color:var(--sp-muted); font-size:.75rem; text-decoration:none; }
.sc-project-pagination .current { border-color:var(--sp-navy); background:var(--sp-navy); color:#fff; }
.sc-project-section-heading { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:22px; }
.sc-project-section-heading > span { color:var(--sp-muted); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; }
.sc-project-cta { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:30px; align-items:center; margin-top:56px; padding:38px 42px; border-radius:10px; background:var(--sp-navy); color:#fff; }
.sc-project-cta h2,.sc-project-cta p { color:#fff; }
.sc-project-cta h2 { max-width:700px; margin-bottom:10px; }
.sc-project-cta p:not(.sc-project-kicker) { max-width:680px; margin-bottom:0; color:rgba(255,255,255,.75); font-size:.86rem; }
.sc-project-cta .sc-project-kicker { color:#ffc57d !important; }
.sc-project-cta > div:last-child { display:grid; gap:10px; }
.sc-project-button { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border:1px solid var(--sp-orange); border-radius:4px; background:var(--sp-orange); color:#fff !important; font-size:.72rem; font-weight:800; text-align:center; text-decoration:none; transition:background .2s ease,transform .2s ease; }
.sc-project-button:hover { background:var(--sp-orange-dark); transform:translateY(-1px); }
.sc-project-button--outline { border-color:rgba(255,255,255,.35); background:transparent; }
.sc-project-button--outline:hover { background:rgba(255,255,255,.1); }
.sc-project-detail-head { display:flex; align-items:end; justify-content:space-between; gap:28px; padding:18px 0 22px; border-bottom:1px solid var(--sp-line); }
.sc-project-detail-label { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:10px; }
.sc-project-detail-label span { padding:5px 8px; border-radius:4px; background:rgba(242,138,50,.14); color:var(--sp-orange-dark); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; font-weight:800; text-transform:uppercase; }
.sc-project-detail-label em { color:var(--sp-muted); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; font-style:normal; }
.sc-project-detail-subline { display:flex; flex-wrap:wrap; gap:14px 24px; margin:0 !important; font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:.7rem !important; }
.sc-project-detail-subline span { display:inline-flex; gap:6px; }
.sc-project-detail-hero { margin-top:24px; }
.sc-project-detail-visual { position:relative; min-height:390px; max-height:570px; overflow:hidden; border:1px solid var(--sp-line); border-radius:10px; background:var(--sp-wash); }
.sc-project-detail-visual > .sc-project-image { min-height:390px; max-height:570px; object-fit:cover; }
.sc-project-telemetry { position:absolute; right:20px; bottom:20px; left:20px; display:flex; flex-wrap:wrap; gap:0; width:max-content; max-width:calc(100% - 40px); padding:12px 16px; border:1px solid var(--sp-line); border-radius:8px; background:rgba(255,255,255,.95); box-shadow:0 7px 20px rgba(23,50,77,.12); }
.sc-project-telemetry div { min-width:140px; padding:0 16px; border-right:1px solid var(--sp-line); }
.sc-project-telemetry div:first-child { padding-left:0; }
.sc-project-telemetry div:last-child { padding-right:0; border-right:0; }
.sc-project-telemetry small { display:block; margin-bottom:5px; color:var(--sp-muted); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:.61rem; text-transform:uppercase; }
.sc-project-telemetry strong { display:block; color:var(--sp-navy); font-size:.82rem; }
.sc-project-telemetry .is-green { color:#16714d; }
.sc-project-specs,.sc-project-story,.sc-project-gallery,.sc-project-modules { margin-top:52px; }
.sc-project-specs { overflow:hidden; border:1px solid var(--sp-line); border-radius:10px; background:#fff; }
.sc-project-specs .sc-project-section-heading { margin:0; padding:17px 22px; background:var(--sp-wash); border-bottom:1px solid var(--sp-line); }
.sc-project-specs .sc-project-section-heading h2 { margin-bottom:0; font-size:1.1rem; }
.sc-project-spec-grid { display:grid; }
.sc-project-spec-grid > div { display:grid; grid-template-columns:minmax(180px,1fr) minmax(0,2fr); gap:18px; padding:14px 22px; border-bottom:1px solid var(--sp-line); font-size:.79rem; }
.sc-project-spec-grid > div:nth-child(even) { background:rgba(241,245,249,.5); }
.sc-project-spec-grid > div:last-child { border-bottom:0; }
.sc-project-spec-grid span { color:var(--sp-muted); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:.7rem; }
.sc-project-spec-grid strong { color:var(--sp-ink); }
.sc-project-story { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:38px; align-items:start; }
.sc-project-story-copy { padding-right:12px; }
.sc-project-richtext { color:var(--sp-muted); font-size:.9rem; line-height:1.75; }
.sc-project-richtext p { margin-bottom:16px; }
.sc-project-richtext ul { margin:0 0 18px; padding-left:20px; }
.sc-project-richtext img { max-width:100%; height:auto; }
.sc-project-solution { padding:25px; border:1px solid var(--sp-line); border-radius:10px; background:var(--sp-wash); }
.sc-project-solution h3 { font-size:1.25rem; }
.sc-project-solution ul { margin:16px 0 20px; padding-left:18px; color:var(--sp-muted); font-size:.82rem; line-height:1.75; }
.sc-project-contact { display:grid; gap:4px; padding-top:14px; border-top:1px solid var(--sp-line); color:var(--sp-muted); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:.7rem; }
.sc-project-contact strong { color:var(--sp-navy); }
.sc-project-gallery .sc-project-section-heading h2,.sc-project-modules .sc-project-section-heading h2 { margin-bottom:5px; }
.sc-project-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sc-project-gallery-grid figure { margin:0; overflow:hidden; border:1px solid var(--sp-line); border-radius:8px; background:#fff; }
.sc-project-gallery-grid figure .sc-project-image { aspect-ratio:4/3; transition:transform .3s ease; }
.sc-project-gallery-grid figure:hover .sc-project-image { transform:scale(1.03); }
.sc-project-gallery-grid figcaption { padding:10px 12px; color:var(--sp-muted); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:.66rem; }
.sc-project-modules { padding:34px 0 0; border-top:1px solid var(--sp-line); }
.sc-project-modules .sc-project-section-heading > div > p:last-child { margin-bottom:0; font-size:.82rem; }
.sc-project-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sc-project-module-grid article { display:grid; grid-template-columns:150px minmax(0,1fr); gap:17px; padding:16px; border:1px solid var(--sp-line); border-radius:8px; background:#fff; }
.sc-project-module-grid article > .sc-project-image { width:150px; height:150px; border-radius:6px; object-fit:cover; }
.sc-project-module-grid article > div { display:flex; flex-direction:column; }
.sc-project-module-grid article span:first-child { color:var(--sp-orange-dark); font-family:'Manrope',ui-sans-serif,system-ui,sans-serif; font-size:12px; font-weight:800; text-transform:uppercase; }
.sc-project-module-grid article h3 { margin:7px 0 5px; font-size:.95rem; }
.sc-project-module-grid article p { margin-bottom:10px; font-size:.75rem; }
.sc-project-module-grid article a { margin-top:auto; color:var(--sp-orange-dark) !important; font-size:.7rem; font-weight:800; text-decoration:none; }
.sc-project-empty { padding:30px 0; }
@media (max-width:980px) { .sc-project-page { padding-right:28px; padding-left:28px; } .sc-project-archive-head { grid-template-columns:1fr; gap:22px; } .sc-project-summary { grid-template-columns:repeat(3,1fr); } .sc-project-summary div { display:grid; gap:5px; border-right:1px solid var(--sp-line); border-bottom:0; padding:0 14px; } .sc-project-summary div:first-child { padding-left:0; } .sc-project-summary div:last-child { border-right:0; padding-right:0; } .sc-project-summary strong { text-align:left; } .sc-project-story { grid-template-columns:1fr; } }
@media (max-width:760px) { .sc-project-page { padding:24px 18px 64px; } .sc-project-featured { grid-template-columns:1fr; } .sc-project-featured-media { min-height:300px; } .sc-project-card { grid-column:span 3; } .sc-project-detail-head { align-items:flex-start; flex-direction:column; } .sc-project-detail-head > .sc-project-button { width:100%; } .sc-project-detail-visual,.sc-project-detail-visual > .sc-project-image { min-height:300px; } .sc-project-telemetry { right:12px; bottom:12px; left:12px; width:auto; max-width:none; } .sc-project-telemetry div { min-width:50%; padding:9px 10px; border-right:0; border-bottom:1px solid var(--sp-line); } .sc-project-telemetry div:nth-last-child(-n+2) { border-bottom:0; } .sc-project-telemetry div:first-child { padding-left:0; } .sc-project-spec-grid > div { grid-template-columns:1fr; gap:5px; } .sc-project-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sc-project-module-grid { grid-template-columns:1fr; } .sc-project-cta { grid-template-columns:1fr; padding:30px 24px; } }
@media (max-width:520px) { .sc-project-summary { grid-template-columns:1fr; gap:0; } .sc-project-summary div { display:flex; padding:10px 0 !important; border-right:0; border-bottom:1px solid var(--sp-line); } .sc-project-summary div:last-child { border-bottom:0; } .sc-project-summary strong { text-align:right; } .sc-project-filters { align-items:stretch; } .sc-project-sort { width:100%; margin-left:0; justify-content:flex-start; } .sc-project-featured-copy { padding:22px 20px; } .sc-project-card { grid-column:1 / -1; } .sc-project-gallery-grid { grid-template-columns:1fr; } .sc-project-section-heading { align-items:flex-start; flex-direction:column; gap:8px; } .sc-project-module-grid article { grid-template-columns:1fr; } .sc-project-module-grid article > .sc-project-image { width:100%; height:auto; aspect-ratio:4/3; } .sc-project-telemetry { position:relative; right:auto; bottom:auto; left:auto; margin:-1px 10px 10px; width:auto; } .sc-project-detail-visual { display:flex; flex-direction:column; min-height:0; } .sc-project-detail-visual > .sc-project-image { min-height:250px; } }

.sc-project-route #lqd-site-content { background:#f8fafc; }

/* Project gallery lightbox: full-size image, thumbnail rail and dimmed backdrop. */
.sc-project-gallery-trigger { position:relative; display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.sc-project-gallery-trigger .sc-project-image { display:block; }
.sc-project-gallery-zoom { position:absolute; right:12px; bottom:12px; display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:rgba(15,35,55,.78); color:#fff; font-size:22px; line-height:1; opacity:0; transform:translateY(4px); transition:opacity .2s ease,transform .2s ease; }
.sc-project-gallery-trigger:hover .sc-project-gallery-zoom,.sc-project-gallery-trigger:focus-visible .sc-project-gallery-zoom { opacity:1; transform:translateY(0); }
.sc-project-lightbox[hidden] { display:none; }
.sc-project-lightbox { position:fixed; z-index:100000; inset:0; display:grid; place-items:center; padding:24px; }
.sc-project-lightbox-backdrop { position:absolute; inset:0; background:rgba(7,17,29,.82); backdrop-filter:blur(5px); }
.sc-project-lightbox-panel { position:relative; z-index:1; display:grid; grid-template-rows:auto minmax(0,1fr) auto auto; width:min(1120px,100%); max-height:min(92vh,900px); overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:#0f2337; box-shadow:0 24px 80px rgba(0,0,0,.36); }
.sc-project-lightbox-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.14); color:#fff; }
.sc-project-lightbox-toolbar p { margin:0; color:#fff; font:700 14px/1.3 'Manrope',sans-serif; }
.sc-project-lightbox-close { display:grid; width:34px; height:34px; place-items:center; padding:0; border:1px solid rgba(255,255,255,.32); border-radius:50%; background:transparent; color:#fff; font-size:24px; line-height:1; cursor:pointer; }
.sc-project-lightbox-stage { position:relative; display:grid; width:100%; height:min(62vh,620px); min-height:0; place-items:center; padding:24px 70px; background:#07111d; }
.sc-project-lightbox-image { display:block; width:100%; height:100%; max-width:100%; max-height:none; object-fit:contain; }
.sc-project-lightbox-arrow { position:absolute; top:50%; display:grid; width:46px; height:46px; place-items:center; padding:0; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:rgba(15,35,55,.82); color:#fff; font-size:36px; line-height:1; cursor:pointer; transform:translateY(-50%); }
.sc-project-lightbox-arrow:hover,.sc-project-lightbox-close:hover { background:#f28a32; border-color:#f28a32; }
.sc-project-lightbox-arrow--prev { left:16px; }
.sc-project-lightbox-arrow--next { right:16px; }
.sc-project-lightbox-thumbs { display:flex; gap:12px; overflow-x:auto; padding:14px 16px 10px; background:#0f2337; scrollbar-width:thin; }
.sc-project-lightbox-thumb { flex:0 0 78px; width:78px; height:58px; padding:0; overflow:hidden; border:2px solid transparent; border-radius:8px !important; background:#07111d; cursor:pointer; opacity:.68; }
.sc-project-lightbox-thumb.is-active { border-color:#f28a32; opacity:1; }
.sc-project-lightbox-thumb img { display:block; width:100%; height:100%; border-radius:8px !important; object-fit:cover; }
.sc-project-lightbox-count { margin:0; padding:4px 16px 12px; background:#0f2337; color:rgba(255,255,255,.68) !important; font:600 12px/1.3 'Manrope',sans-serif; text-align:center; }
html.sc-project-lightbox-open,html.sc-project-lightbox-open body { overflow:hidden; }
@media (max-width:760px) { .sc-project-lightbox { padding:10px; } .sc-project-lightbox-panel { max-height:94vh; border-radius:10px; } .sc-project-lightbox-stage { height:min(58vh,460px); padding:18px 54px; } .sc-project-lightbox-arrow { width:38px; height:38px; font-size:29px; } .sc-project-lightbox-arrow--prev { left:9px; } .sc-project-lightbox-arrow--next { right:9px; } .sc-project-lightbox-thumb { flex-basis:64px; width:64px; height:48px; } }
.sc-project-route #lqd-contents-wrap { width:100%; max-width:none; margin:0; padding:0; }
.sc-project-route #header { position:relative; top:auto; background:#17324d; }
.sc-project-route #header > .elementor { background:#17324d; }
.sc-project-page { font-size:16px; line-height:1.5; }
.sc-project-page h1,.sc-project-page h2,.sc-project-page h3,.sc-project-page h4,.sc-project-page a,.sc-project-page button { font-family:inherit; }
.sc-project-page h1 a,.sc-project-page h2 a,.sc-project-page h3 a { font:inherit; letter-spacing:inherit; }
.sc-project-page p { margin-bottom:16px; }
.sc-project-archive-head > div:first-child > .sc-project-kicker { display:inline-flex; padding:4px 9px; border-radius:3px; background:#17324d; color:#fff !important; font-size:12px !important; letter-spacing:.06em; }
.sc-project-breadcrumbs { font-size:14px; }
.sc-project-featured-copy { padding:30px 32px; }
.sc-project-featured-copy h2 { font-size:24px; }
.sc-project-card h2 { font-size:18px; line-height:1.35; }
.sc-project-featured-copy dt { flex:0 0 80px; font-weight:400; }
.sc-project-featured-copy dl { border-bottom:1px solid #e2e8f0; padding:10px 0; }
.sc-project-featured-copy dl div { border-bottom:0; padding:5px 0; }
.sc-project-featured-copy dd { font-size:13px; }
.sc-project-featured-copy .sc-project-eyebrow { margin:14px 0 8px !important; }
.sc-project-featured-copy > p:not(.sc-project-eyebrow) { line-height:1.65; }
.sc-project-link { font-size:14px; }
.sc-project-filters a { min-height:44px; }
.sc-project-page a:focus-visible,.sc-project-page button:focus-visible { outline:3px solid #f28a32; outline-offset:3px; }
.sc-project-card-body > p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.sc-project-detail-head h1 { font-size:clamp(28px,3vw,36px); }
.sc-project-detail-head .sc-project-button { flex-shrink:0; background:#17324d; border-color:#17324d; }
.sc-project-detail-visual > .sc-project-image { height:500px; }
.sc-project-story { grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:32px; }
.sc-project-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.sc-project-highlights > div { padding:16px; background:#fff; border:1px solid #e2e8f0; border-radius:8px; }
.sc-project-highlights strong { display:block; font-size:14px; color:#17324d; }
.sc-project-highlights span { display:block; font-size:12px; margin-top:6px; color:#64748b; }
.sc-project-inquiry { margin-top:64px; display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); overflow:hidden; border-radius:16px; background:#17324d; }
.sc-project-inquiry-copy { padding:44px; }
.sc-project-inquiry h2,.sc-project-inquiry h3 { color:#fff; }
.sc-project-inquiry p { color:#cbd5e1; }
.sc-project-inquiry .sc-project-kicker { color:#f28a32 !important; }
.sc-project-inquiry-copy > div { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding-top:24px; border-top:1px solid #ffffff26; margin-top:30px; }
.sc-project-inquiry-copy small { display:block; color:#cbd5e1; font-size:12px; }
.sc-project-inquiry-copy a { font-weight:700; color:#fff; }
.sc-project-inquiry-form { background:#0f2337; padding:36px; color:#fff; }
.sc-project-inquiry-form h3 { font-size:18px; }
.sc-project-inquiry-form .wpcf7-form input:not([type=submit]),.sc-project-inquiry-form .wpcf7-form textarea,.sc-project-inquiry-form .wpcf7-form select { display:block; width:100%; background:#fff; color:#1e293b; padding:12px; margin-bottom:14px; border:1px solid #cbd5e1; border-radius:4px; font:14px 'Manrope',sans-serif; }
.sc-project-inquiry-form input[type=submit] { width:100%; min-height:46px; border:0; border-radius:4px; background:#f28a32; color:#fff; font-weight:800; }
.sc-project-inquiry-form .wpcf7-form p { margin:0; }
.sc-project-inquiry-form .wpcf7-response-output { margin:12px 0 0; color:#fff; font-size:14px; }
@media(max-width:980px){ .sc-project-story { grid-template-columns:1fr; } }
@media(max-width:767px){ .sc-project-card { grid-column:1 / -1; } .sc-project-gallery-grid,.sc-project-highlights { grid-template-columns:1fr; } .sc-project-inquiry { grid-template-columns:1fr; } .sc-project-inquiry-copy,.sc-project-inquiry-form { padding:26px 22px; } .sc-project-inquiry-copy > div { grid-template-columns:1fr; } .sc-project-detail-visual > .sc-project-image { height:300px; } }

/* Shared Playful White Commerce tokens: projects and products now read as one site. */
.sc-project-page { --sp-navy:#263238; --sp-navy-deep:#33454b; --sp-orange:#f28a32; --sp-orange-dark:#d87320; --sp-ink:#263238; --sp-muted:#66737a; --sp-line:#dde7e2; --sp-wash:#f6faf7; --sp-paper:#fff9f2; font-family:'Manrope',sans-serif; }
.sc-project-page h1,.sc-project-page h2,.sc-project-page h3,.sc-project-page p,.sc-project-page a,.sc-project-page button,.sc-project-page span,.sc-project-page small,.sc-project-page strong,.sc-project-page dt,.sc-project-page dd { font-family:'Manrope',sans-serif; }
.sc-project-route #lqd-site-content { background:#fff; }
.sc-project-route #header,.sc-project-route #header > .elementor { background:#fff; }
.sc-project-page h1,.sc-project-page h2,.sc-project-page h3 { color:var(--sp-ink); }
.sc-project-page p,.sc-project-breadcrumbs,.sc-project-summary span,.sc-project-card-footer small { color:var(--sp-muted); }
.sc-project-summary,.sc-project-card,.sc-project-featured,.sc-project-specs,.sc-project-solution,.sc-project-gallery-grid figure,.sc-project-module-grid article { border-color:var(--sp-line); box-shadow:0 4px 20px -2px rgba(38,50,56,.05); }
.sc-project-filters a,.sc-project-filters span,.sc-project-pagination a,.sc-project-pagination span { border-color:var(--sp-line); background:#fff; color:var(--sp-muted); }
.sc-project-filters a.is-active,.sc-project-pagination .current { border-color:var(--sp-orange); background:var(--sp-orange); color:#fff; }
.sc-project-filters b { background:var(--sp-wash); color:var(--sp-ink); }
.sc-project-filters a.is-active b { background:rgba(255,255,255,.24); color:#fff; }
.sc-project-featured-copy,.sc-project-card-body { background:#fff; }
.sc-project-card:hover { border-color:rgba(242,138,50,.65); box-shadow:0 12px 32px -4px rgba(242,138,50,.14); }
.sc-project-badge,.sc-project-image-meta { background:var(--sp-orange); color:#fff; }
.sc-project-link,.sc-project-card-footer a,.sc-project-modules .sc-project-section-heading > a { color:var(--sp-orange-dark) !important; }
.sc-project-telemetry { border-color:var(--sp-line); background:rgba(255,255,255,.96); }
.sc-project-specs .sc-project-section-heading { background:var(--sp-wash); border-color:var(--sp-line); }
.sc-project-spec-grid > div:nth-child(even) { background:rgba(246,250,247,.8); }
.sc-project-solution { background:var(--sp-wash); }
.sc-project-cta { background:var(--sp-orange); }
.sc-project-cta h2,.sc-project-cta p { color:#fff; }
.sc-project-cta .sc-project-kicker { color:#fff3d8 !important; }
.sc-project-button { border-color:var(--sp-orange); background:var(--sp-orange); border-radius:8px; }
.sc-project-detail-label span { background:#fff0de; color:var(--sp-orange-dark); }
.sc-project-page a:focus-visible,.sc-project-page button:focus-visible { outline-color:var(--sp-teal); }

/* Final Playful White pass: remove legacy navy surfaces from project routes. */
.sc-project-detail-head .sc-project-button { background:var(--sp-orange); border-color:var(--sp-orange); }
.sc-project-badge { background:var(--sp-teal); color:var(--sp-ink); }
.sc-project-image-meta { background:rgba(38,50,56,.86); }
.sc-project-inquiry { background:var(--sp-wash); border:1px solid var(--sp-line); }
.sc-project-inquiry-copy { color:var(--sp-ink); }
.sc-project-inquiry h2,.sc-project-inquiry h3 { color:var(--sp-ink); }
.sc-project-inquiry p,.sc-project-inquiry-copy small { color:var(--sp-muted); }
.sc-project-inquiry .sc-project-kicker { color:var(--sp-orange-dark) !important; }
.sc-project-inquiry-copy a { color:var(--sp-ink); }
.sc-project-inquiry-form { background:#fff; color:var(--sp-ink); border-left:1px solid var(--sp-line); }
.sc-project-inquiry-form h3 { color:var(--sp-ink); }
.sc-project-inquiry-form .wpcf7-form input:not([type=submit]),.sc-project-inquiry-form .wpcf7-form textarea,.sc-project-inquiry-form .wpcf7-form select { border-color:var(--sp-line); }
.sc-project-inquiry-form .wpcf7-response-output { color:var(--sp-muted); }
@media(max-width:767px){ .sc-project-inquiry-form { border-top:1px solid var(--sp-line); border-left:0; } }