.design-studies{--ds-bg:#101722;--ds-panel:#172235;--ds-control:#1b2a40;--ds-ink:#edf3fc;--ds-muted:#adbed4;--ds-accent:#3d95ff;--ds-amber:#f5b850;--ds-line:#2a3b53;background:var(--ds-bg);color:var(--ds-ink);min-height:100svh;padding-bottom:0;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6;overflow:clip}.design-studies h1,.design-studies h2,.design-studies h3{color:var(--ds-ink);letter-spacing:-.045em;font-family:Manrope,Arial,sans-serif;font-weight:750}.design-studies p{max-width:70ch}.design-studies a:focus-visible,.design-studies button:focus-visible,.design-studies summary:focus-visible,.design-studies input:focus-visible,.design-studies select:focus-visible,.design-studies [tabindex]:focus-visible{outline:2px solid var(--ds-amber);outline-offset:4px}.ds-wrap{width:calc(100% - 96px);max-width:1320px;margin-inline:auto}.ds-skip{color:#101722;z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.ds-skip:focus{top:12px}.ds-header{border-bottom:1px solid var(--ds-line);align-items:center;gap:32px;height:88px;display:flex}.ds-brand{flex:none;width:236px;display:block}.ds-brand img{width:100%;height:auto}.ds-main-nav{gap:30px;margin-left:auto;font-size:14px;font-weight:650;display:flex}.ds-main-nav a{padding-block:12px}.ds-header-action{color:#d7e9ff;background:#22364f;border-radius:3px;align-items:center;gap:16px;padding:10px 16px;font-size:13px;font-weight:750;display:flex}.ds-mobile-nav{display:none}.ds-study-bar{height:52px;color:var(--ds-muted);align-items:center;gap:28px;font-size:12px;display:flex}.ds-study-bar>span{font-weight:650}.ds-study-bar small{color:#8195af;margin-left:12px;font-size:11px;font-weight:400}.ds-study-bar>div{align-items:center;gap:16px;display:flex}.ds-study-bar>div>a{white-space:nowrap;align-items:center;gap:7px;padding:6px 8px;display:flex}.ds-study-bar b{background:#1f2e44;border-radius:2px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.ds-study-bar a[aria-current=page]{color:var(--ds-ink)}.ds-study-bar a[aria-current=page] b{color:#0d1a29;background:var(--ds-accent)}.ds-history{margin-left:auto;font-size:11px}.ds-hero{isolation:isolate;background:#15233a;border-radius:5px;grid-template-columns:43% 57%;align-items:center;min-height:350px;display:grid;position:relative;overflow:hidden}.ds-static-scene{z-index:-1;background-image:url(/design-studies/stage-a.svg);background-position:50%;background-size:cover;position:absolute;inset:0}.ds-hero-copy{z-index:2;padding:25px 0 28px 36px}.ds-context{color:#8bbcff;margin-bottom:12px;font-size:12px;font-weight:650}.design-studies h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,3.5vw,52px);font-weight:800;line-height:1.05}.ds-hero-description{margin-top:16px;font-size:15px;line-height:1.65;max-width:40ch!important}.ds-hero-actions{align-items:center;gap:20px;margin-top:22px;display:flex}.ds-primary{background:var(--ds-accent);color:#07172b;border-radius:3px;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex}.ds-secondary{color:#dce8f8;padding-block:10px;font-size:12px;font-weight:700}.ds-hero-limit{color:#9db1cb;margin-top:16px;font-size:10px}.ds-hero-art{z-index:1;min-width:0;height:335px;padding:12px 24px 0 8px;position:relative}.ds-hero-art:before{content:"";opacity:.5;pointer-events:none;background:#07101d;border-radius:50%;width:52%;height:12%;position:absolute;bottom:72px;left:22%;transform:rotate(-3deg)}.design-studies .ds-platforms{margin-top:26px}.ds-study-a .ds-art-img{object-position:50% 48%;transform:scale(1.1)}.ds-study-b .ds-hero{border-radius:2px;grid-template-columns:36% 64%;min-height:340px}.ds-study-b .ds-static-scene{background-image:url(/design-studies/stage-b.svg)}.ds-study-b .ds-hero-copy{padding-left:40px}.ds-study-b h1{letter-spacing:-.065em;font-size:clamp(40px,4.2vw,61px)}.ds-study-b .ds-hero-art{height:345px;padding-right:8px}.ds-study-b .ds-art-img{transform:scale(1.12)rotate(-4deg)}.ds-study-b .ds-hero-description{max-width:34ch!important}.ds-study-b .ds-hero-actions{gap:15px}.ds-study-b .ds-secondary{max-width:12ch;line-height:1.4}.ds-study-c .ds-hero{background:#132134;grid-template-columns:45% 55%;min-height:335px}.ds-study-c .ds-static-scene{background-image:url(/design-studies/stage-c.svg)}.ds-study-c .ds-hero-copy{padding-left:42px}.ds-study-c .ds-context{color:var(--ds-amber)}.ds-study-c h1{letter-spacing:-.065em;font-size:clamp(42px,4.1vw,60px)}.ds-study-c .ds-hero-art{height:320px;padding-inline:16px}.ds-study-c .ds-art-img{transform:scale(1.12)}.ds-study-c .ds-primary{color:#132134;background:#e7eef8}.ds-study-c .ds-hero-description{max-width:40ch!important}@media (hover:hover) and (pointer:fine){.ds-main-nav a:hover,.ds-secondary:hover,.ds-history:hover{text-underline-offset:4px;text-decoration:underline}.ds-primary:hover{background:#6db0ff}.ds-study-c .ds-primary:hover{background:#fff}.ds-study-bar>div>a:hover{color:#fff}}@media (max-width:1100px){.ds-wrap{width:calc(100% - 56px)}.ds-header{gap:24px}.ds-main-nav{gap:22px}.ds-header-action{display:none}.ds-study-bar{gap:18px}.ds-study-bar small,.ds-history{display:none}.ds-hero-copy,.ds-study-b .ds-hero-copy,.ds-study-c .ds-hero-copy{padding-left:26px}.ds-hero-actions{gap:15px}.ds-primary{gap:14px;padding-inline:14px;font-size:12px}.ds-hero-limit{font-size:10px}.ds-hero-description{font-size:14px}.ds-hero-art{padding-right:10px}.ds-study-b h1{font-size:4.8vw}.ds-study-c h1{font-size:4.7vw}.ds-study-b .ds-hero{grid-template-columns:39% 61%}.ds-context{font-size:11px}}@media (max-width:760px){.ds-wrap{width:calc(100% - 36px)}.ds-header{justify-content:space-between;height:72px}.ds-brand{width:204px}.ds-main-nav{display:none}.ds-mobile-nav{z-index:12;font-size:13px;display:block;position:relative}.ds-mobile-nav summary{align-items:center;gap:12px;min-height:44px;padding-left:8px;list-style:none;display:flex}.ds-mobile-nav summary::-webkit-details-marker{display:none}.ds-mobile-nav summary svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.ds-mobile-nav nav{border:1px solid var(--ds-line);background:#172235;flex-direction:column;width:230px;padding:10px 18px;display:flex;position:absolute;top:45px;right:0}.ds-mobile-nav nav a{padding-block:11px}.ds-study-bar{justify-content:space-between;gap:12px;height:46px;font-size:10px}.ds-study-bar>span{max-width:10ch;line-height:1.35}.ds-study-bar>div{gap:7px}.ds-study-bar>div>a{padding:3px}.ds-study-bar>div>a>span{display:none}.ds-study-bar b{width:29px;height:29px;font-size:12px}.ds-hero,.ds-study-b .ds-hero,.ds-study-c .ds-hero{flex-direction:column;align-items:stretch;min-height:0;display:flex}.ds-hero-copy,.ds-study-b .ds-hero-copy,.ds-study-c .ds-hero-copy{padding:20px 22px 8px}.ds-context{margin-bottom:8px;font-size:10px}.design-studies h1,.ds-study-b h1,.ds-study-c h1{letter-spacing:-.055em;font-size:32px;line-height:1.05}.ds-hero-description{margin-top:10px;font-size:13px;line-height:1.55;max-width:40ch!important}.ds-hero-actions{gap:18px;margin-top:14px}.ds-primary{min-height:40px;padding:10px 14px;font-size:12px}.ds-secondary{font-size:11px}.ds-hero-limit{display:none}.ds-hero-art,.ds-study-b .ds-hero-art,.ds-study-c .ds-hero-art{align-self:stretch;height:215px;padding:0 14px}.ds-hero-art:before{width:58%;height:10px;bottom:65px;left:21%}.ds-static-scene{background-position:70%;background-size:auto 100%}.ds-study-a .ds-art-img{transform:scale(1.1)}.ds-study-b .ds-hero-copy{padding-bottom:0}.ds-study-b .ds-hero-description{max-width:39ch!important}.ds-study-b .ds-hero-art{height:215px}.ds-study-b .ds-art-img{transform:scale(1.05)rotate(-3deg)}.ds-study-b .ds-static-scene{background-position:60%}.ds-study-b .ds-secondary{max-width:none}.ds-study-c .ds-hero-copy{padding-bottom:6px}.ds-study-c .ds-hero-art{height:205px}.ds-study-c .ds-art-img{transform:scale(1.1)}.ds-study-c .ds-static-scene{background-position:72%}.design-studies .ds-platforms{margin-top:20px}}@media (max-width:375px){.ds-wrap{width:calc(100% - 28px)}.ds-hero-copy,.ds-study-b .ds-hero-copy,.ds-study-c .ds-hero-copy{padding-inline:18px}.design-studies h1,.ds-study-b h1,.ds-study-c h1{font-size:29px}.ds-brand{width:195px}.ds-hero-description{font-size:12px}.ds-hero-art,.ds-study-b .ds-hero-art,.ds-study-c .ds-hero-art{height:205px}.ds-primary{gap:12px;padding-inline:12px}.ds-hero-actions{gap:13px}}.ds-hero-art{height:368px}.ds-study-b .ds-hero-art{height:373px}.ds-study-c .ds-hero-art{height:358px}@media (max-width:760px){.ds-hero-art,.ds-study-b .ds-hero-art{height:240px}.ds-study-c .ds-hero-art{height:235px}}@media (max-width:375px){.ds-hero-art,.ds-study-b .ds-hero-art{height:240px}.ds-study-c .ds-hero-art{height:235px}}.ds-secondary,.ds-platform-links a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:760px){.ds-primary{min-height:44px}.ds-hero-art,.ds-study-b .ds-hero-art{height:228px}.ds-study-c .ds-hero-art{height:223px}}@media (max-width:375px){.ds-hero-art,.ds-study-b .ds-hero-art{height:228px}.ds-study-c .ds-hero-art{height:223px}.ds-hero-copy,.ds-study-b .ds-hero-copy,.ds-study-c .ds-hero-copy{padding-top:14px}}.ds-study-c .advisor-nav-link{align-items:center;gap:8px;min-height:44px;display:inline-flex}.ds-study-c .advisor-nav-link svg,.ds-study-c .ds-header-action svg{flex:none;width:18px;height:18px}.ds-study-c .advisor-nav-link span{display:inline-block}.ds-study-c .advisor-nav-link:focus-visible svg{color:var(--ds-amber);transform:translateY(-2px)}.ds-study-c .advisor-nav-link:focus-visible span{text-underline-offset:5px;text-decoration:underline}.ds-study-c .advisor-nav-link:active{color:var(--ds-amber)}.ds-study-c .advisor-nav-link:active svg{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.ds-study-c .advisor-nav-link:hover{color:#fff;text-decoration:none}.ds-study-c .advisor-nav-link:hover svg{color:var(--ds-amber);transform:translateY(-2px)}.ds-study-c .advisor-nav-link:hover span{text-underline-offset:5px;text-decoration:underline}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.ds-study-c .advisor-nav-link svg{transition:transform .16s var(--ds-motion-out,cubic-bezier(.23,1,.32,1))}.ds-study-c .advisor-nav-link:focus-visible svg{transition:none}}