.project-scoobi{background:#112649!important;border-color:#3b537c}.project-scoobi .project-story>span{color:#bfcee9}.project-scoobi .project-story p{color:#c6d2e7}.project-scoobi .projectline{background:#081c37c9;border-top:1px solid #365581}.project-scoobi .projectline p{color:#c6d2e7}.project-scoobi .scoobi-card-art{background:radial-gradient(ellipse at 50% 90%,#e9f1fc,#bfd0e9)!important;overflow:hidden;margin:18px 28px 0;border-radius:7px;padding:20px!important;min-height:380px!important}.scoobi-phone-pair{display:flex;align-items:center;justify-content:center;gap:35px;width:100%;height:100%;max-height:420px}.scoobi-phone-pair img{height:360px;max-width:43%;object-fit:contain;mix-blend-mode:multiply;transition:transform .65s}.scoobi-phone-pair img:first-child{transform:rotate(-8deg) translateY(18px)}.scoobi-phone-pair img:last-child{transform:rotate(8deg) translateY(-5px)}.project-scoobi:hover .scoobi-phone-pair img:first-child{transform:rotate(-3deg) translateY(5px)}.project-scoobi:hover .scoobi-phone-pair img:last-child{transform:rotate(3deg) translateY(-12px)}.has-horizontal .project-scoobi .scoobi-card-art{min-height:140px!important}.has-horizontal .scoobi-phone-pair{max-height:100%}.has-horizontal .scoobi-phone-pair img{height:100%;max-height:320px}.scoobi-cover{background:#e6eefb;padding:25px;border-radius:10px}.scoobi-cover .piwi-shot img{border-radius:5px}.scoobi-cover figcaption{color:#374c70}.scoobi-case .eyebrow{color:#b7c9ee}.scoobi-case .piwi-hero em,.scoobi-case .contact em{color:#c4d2ee}.scoobi-case blockquote{background:#111d32;border-color:#8da9de;color:#f4f5ef}.scoobi-case blockquote p{color:#c3cfe1}.scoobi-case .chapter-nav{background:#070e19f5;border-color:#314363}.scoobi-shot{margin:40px 0}.scoobi-shot img{background:#fff}.scoobi-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}.scoobi-pillars article{padding:25px;border:1px solid #34445f;background:#101b2d;border-radius:7px}.scoobi-pillars small{font:11px monospace;color:#c7d7f5}.scoobi-pillars h3{font-size:28px;margin-top:24px}.scoobi-pillars p{font-size:15px;color:#b8c5db}.scoobi-opportunities{margin:45px 0}.scoobi-opportunities article{display:grid;grid-template-columns:1fr 40px 1fr;gap:30px;align-items:center;padding:30px 0;border-top:1px solid #34445f}.scoobi-opportunities small{font:10px monospace;color:#adc3e9;letter-spacing:1px}.scoobi-opportunities h3{font-size:23px;line-height:1.35;max-width:470px}.scoobi-opportunities p{font-size:16px;line-height:1.7;color:#c2ccde}.scoobi-opportunities b{font-size:30px;color:#d7a46d;font-weight:400}.scoobi-flow{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;margin:70px 0}.scoobi-flow>div{position:sticky;top:170px;align-self:start}.scoobi-flow h3{font-size:34px;line-height:1.2}.scoobi-flow p{color:var(--muted);font-size:17px;line-height:1.8}.scoobi-flow .scoobi-shot{margin:0}.scoobi-flow .zoom-shot{max-height:850px;overflow:hidden;border:1px solid #405477}.scoobi-flow .zoom-shot img{object-fit:cover;object-position:top;max-height:850px}.wireframe-shot{padding:20px;background:#f7f9fc;border-radius:7px}.wireframe-shot figcaption{color:#405476}.interface-shot{padding:22px;background:#e5f1fb;border-radius:7px}.interface-shot figcaption{color:#405476}.scoobi-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:65px 0;border-bottom:1px solid var(--line)}.scoobi-feature:nth-child(even)>div{order:2}.scoobi-feature:nth-child(even)>figure{order:1}.scoobi-feature h3{font-size:clamp(30px,3vw,44px);line-height:1.15;margin:24px 0}.scoobi-feature p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted)}.scoobi-feature small{display:block;font:9px monospace;color:#bbcee8;letter-spacing:1px;margin-top:30px}.scoobi-feature .piwi-shot{background:#e9f0fa;padding:30px 35px 20px;border-radius:8px;text-align:center}.scoobi-feature .zoom-shot{max-width:310px;margin:auto}.scoobi-feature .zoom-shot img{mix-blend-mode:multiply;background:transparent}.scoobi-feature figcaption{color:#405476}.scoobi-feature:nth-child(2) .zoom-shot{max-width:230px}.scoobi-feature:nth-child(2) .zoom-shot img{max-height:1000px;object-fit:contain}.scoobi-case .image-dialog{background:#eaf1fc}.scoobi-case .dialog-content img{background:#fff}.scoobi-case .piwi-hero{padding-bottom:70px}.scoobi-case .piwi-back{margin-bottom:50px}@media(max-width:800px){.scoobi-pillars{gap:12px}.scoobi-pillars article{padding:20px}.scoobi-flow{grid-template-columns:1fr;gap:20px}.scoobi-flow>div{position:static}.scoobi-feature{gap:30px}.scoobi-feature .piwi-shot{padding:22px}.scoobi-feature h3{font-size:30px}}@media(max-width:600px){.project-scoobi .scoobi-card-art{margin:15px 20px 0;min-height:330px!important}.scoobi-phone-pair{gap:15px}.scoobi-phone-pair img{height:280px;max-width:45%}.scoobi-cover{padding:12px}.scoobi-pillars{grid-template-columns:1fr}.scoobi-pillars h3{font-size:26px;margin-top:12px}.scoobi-opportunities article{grid-template-columns:1fr;gap:10px}.scoobi-opportunities b{transform:rotate(90deg);width:30px;font-size:22px}.scoobi-opportunities h3{font-size:22px}.scoobi-opportunities p{font-size:15px}.scoobi-feature{grid-template-columns:1fr;gap:20px;padding:45px 0}.scoobi-feature:nth-child(even)>div{order:0}.scoobi-feature:nth-child(even)>figure{order:0}.scoobi-feature .piwi-shot{margin:0;padding:25px}.scoobi-feature .zoom-shot{max-width:250px}.scoobi-feature p:not(.eyebrow){font-size:16px}.wireframe-shot,.interface-shot{padding:10px}.scoobi-flow .zoom-shot{max-height:650px}.scoobi-flow .zoom-shot img{max-height:650px}.scoobi-case .piwi-hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){.scoobi-phone-pair img,.project-scoobi:hover .scoobi-phone-pair img{transition:none;transform:none}}

/* Scoobi: subtle photographic backdrop and a smaller interface composition. */
.project-scoobi{position:relative;isolation:isolate;background:#091e3b!important}.project-scoobi>.scoobi-card-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:64% center;opacity:.32;filter:saturate(.55);z-index:-2;pointer-events:none;transform:scale(1.01);transition:transform 1s ease}.project-scoobi:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(4,23,52,.88),rgba(12,49,94,.6) 55%,rgba(7,37,77,.4));z-index:-1;pointer-events:none}.project-scoobi:hover>.scoobi-card-photo{transform:scale(1.045)}.project-scoobi>.project-story,.project-scoobi>.art,.project-scoobi>.projectline{position:relative;z-index:1}.project-scoobi .scoobi-card-art{width:76%;max-width:760px;margin:20px auto 24px;min-height:310px!important;max-height:330px;padding:18px!important;flex:0 1 auto}.project-scoobi .scoobi-phone-pair{height:275px;max-height:275px;gap:30px}.project-scoobi .scoobi-phone-pair img{height:270px;max-height:270px}.has-horizontal .project-scoobi .scoobi-card-art{width:76%;max-height:290px;min-height:140px!important;flex:1 1 auto;margin:18px auto}.has-horizontal .project-scoobi .scoobi-phone-pair{height:100%;max-height:250px}.has-horizontal .project-scoobi .scoobi-phone-pair img{height:100%;max-height:245px}.project-scoobi>.project-story h3{color:#f3f7ff}.project-scoobi>.project-story p{color:#d2def1}@media(max-width:600px){.project-scoobi .scoobi-card-art{width:82%;min-height:265px!important;max-height:280px;margin:18px auto}.project-scoobi .scoobi-phone-pair{height:225px;max-height:225px;gap:14px}.project-scoobi .scoobi-phone-pair img{height:220px;max-height:220px}.project-scoobi>.scoobi-card-photo{opacity:.28;object-position:66% center}}@media(prefers-reduced-motion:reduce){.project-scoobi:hover>.scoobi-card-photo{transform:none}}

/* Shared project-card geometry: the footer always occupies the bottom row. */
.projects>.project{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:760px;box-sizing:border-box}
.projects>.project>.project-story{grid-row:1;min-height:205px;padding:32px 48px 0}
.projects>.project>.art{grid-row:2;align-self:center;min-height:0!important;height:100%;max-height:400px;box-sizing:border-box}
.projects>.project>.projectline{grid-row:3;align-self:end;min-height:83px;margin-top:0;padding:20px 35px;box-sizing:border-box}
.projects>.project>.projectline h3{margin:0}
.projects>.project-scoobi>.scoobi-card-art{height:310px;max-height:310px;min-height:0!important;margin:0 auto;width:76%;flex:none}
.projects>.project-piwi>.art{padding:20px 40px}
.projects>.project-piwi .piwi-preview{max-height:350px}
.has-horizontal .projects>.project{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-height:none}
.has-horizontal .projects>.project>.project-story{min-height:0;padding:30px 48px 0}
.has-horizontal .projects>.project>.art{min-height:0!important;height:100%;max-height:350px}
.has-horizontal .projects>.project>.projectline{min-height:83px;margin-top:0}
.has-horizontal .projects>.project-scoobi>.scoobi-card-art{height:min(270px,100%);max-height:270px;min-height:0!important;margin:0 auto;flex:none}
.has-horizontal .projects>.project-scoobi .scoobi-phone-pair{height:100%;max-height:235px}
.has-horizontal .projects>.project-scoobi .scoobi-phone-pair img{height:100%;max-height:230px}
@media(max-width:800px){.projects>.project{height:700px}.projects>.project>.project-story{padding:30px 25px 0;min-height:220px}.projects>.project>.projectline{padding:18px 24px;min-height:80px}.projects>.project-piwi>.art{padding:15px 20px}.projects>.project-scoobi>.scoobi-card-art{height:280px;max-height:280px;width:82%}}
@media(max-width:600px){.projects>.project{height:650px}.projects>.project>.project-story{min-height:215px}.projects>.project>.projectline{min-height:80px}.projects>.project-scoobi>.scoobi-card-art{height:265px;max-height:265px;margin:0 auto}.projects>.project-piwi .piwi-preview{max-height:285px}.projects>.project>.art{max-height:300px}}

/* Both project images share the same frame dimensions at every breakpoint. */
.projects{--project-image-height:350px}
.projects>.project-piwi>.art,.projects>.project-scoobi>.scoobi-card-art{width:100%;max-width:none;height:100%;max-height:400px;min-height:0!important;margin:0;padding:20px 40px!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border-radius:0}
.projects>.project-piwi .piwi-preview,.projects>.project-scoobi .scoobi-phone-pair{width:76%;max-width:760px;height:var(--project-image-height);max-height:var(--project-image-height);box-sizing:border-box;border-radius:6px}
.projects>.project-piwi .piwi-preview{object-fit:cover;object-position:top}
.projects>.project-scoobi .scoobi-phone-pair{padding:18px 28px;background:radial-gradient(ellipse at 50% 90%,#e9f1fc,#bfd0e9);overflow:hidden;box-shadow:15px 25px 50px #0008}
.projects>.project-scoobi .scoobi-phone-pair img{height:92%;max-height:92%;max-width:43%;object-fit:contain}
.has-horizontal .projects{--project-image-height:310px}
.has-horizontal .projects>.project-piwi>.art,.has-horizontal .projects>.project-scoobi>.scoobi-card-art{width:100%;max-width:none;height:100%;max-height:350px;margin:0;padding:20px 40px!important}
.has-horizontal .projects>.project-scoobi .scoobi-phone-pair{height:var(--project-image-height);max-height:var(--project-image-height)}
.has-horizontal .projects>.project-scoobi .scoobi-phone-pair img{height:92%;max-height:92%}
@media(max-width:800px){.projects{--project-image-height:310px}.projects>.project-piwi>.art,.projects>.project-scoobi>.scoobi-card-art{padding:15px 20px!important}.projects>.project-piwi .piwi-preview,.projects>.project-scoobi .scoobi-phone-pair{width:90%}}
@media(max-width:600px){.projects{--project-image-height:285px}.projects>.project-piwi>.art,.projects>.project-scoobi>.scoobi-card-art{max-height:315px;height:100%;margin:0}.projects>.project-piwi .piwi-preview,.projects>.project-scoobi .scoobi-phone-pair{height:var(--project-image-height);max-height:var(--project-image-height)}.projects>.project-scoobi .scoobi-phone-pair{padding:15px;gap:14px}.projects>.project-scoobi .scoobi-phone-pair img{height:92%;max-height:92%}}