.study-page{padding-bottom:0}
.study{width:100%;margin:0}
.study-return{transition:color 200ms}
.study-return:hover{color:var(--link-hover)}
.study-return-arrow{margin-inline-start:2px}
.study{background:white;overflow-wrap:break-word}
.study-padding{padding:70px max(32px,calc((100% - 960px)/2)) 80px}
.study h1,.study h2{font-size:36px;font-weight:500;line-height:1.2}
.study h3{font-size:24px;font-weight:500;line-height:1.2}
.study figure{margin:0}
.study-opening{background:#f8e9c9;border-radius:0 0 32px 32px}
.study-hero{background:#f8e9c9;position:relative;padding-top:50px;padding-bottom:0}
.study-project{display:flex;align-items:baseline;gap:32px;margin-bottom:60px}
.study-project>p:first-child{font-size:24px;font-weight:500}
.study-hero h1{max-width:960px}
.study-lead{max-width:633px;margin-top:32px}
.study-tags{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;margin:32px 0 0}
.study-tags li{background:white;padding:7px 16px 8px;border-radius:32px;white-space:nowrap}
.study-hero .study-tags li{background:rgba(255,255,255,.5)}
.study-cover{background:#f8e9c9;padding-top:60px;padding-bottom:69px}
.study-media{display:block;width:100%;border-radius:20px}
.study-media>img{width:100%;height:auto;display:block;border-radius:inherit}
.study-outcomes{background:var(--accent);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-radius:32px}
.study-outcomes article{background:white;border-radius:20px;padding:20px 24px 24px;display:flex;flex-direction:column;gap:12px}
.study-outcomes h3{line-height:29px}
.study-outcomes p{line-height:22px}
.study-about>h2,.study-research>h2{margin-bottom:50px}
.study-about-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:50px}
.study-about-intro>h3{max-width:305px}
.study-about-intro>p{max-width:470px}
.study-facts{margin:50px 0 0;padding:0}
.study-facts>div{position:relative;display:grid;grid-template-columns:minmax(0,307px) minmax(0,1fr);gap:20px;align-items:baseline;padding:20px 0 25px}
.study-facts>div::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(148,140,126,.2)}
.study-facts dt{color:var(--muted)}
.study-facts dd{margin:0}
.study-facts>div:last-child{padding-bottom:5px}
.study-facts-wide{margin-top:0}
.study-facts-wide>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.study-research{background:var(--page)}
.study-callout{padding:12px 24px;border-left:3px solid var(--accent);background:#f8e9c9}
.study-research-part{margin-top:50px}
.study-research-part>p{width:100%;max-width:797px;margin-top:20px;margin-bottom:24px}
.study-research-part>p:last-child{margin-bottom:0}
.study-document{padding:32px;background:white;border-radius:20px}
.study-document .study-media,.study-document .study-media>img{border-radius:0}
.study-document-audit img{aspect-ratio:2/1;object-fit:cover}
.study-solutions{background:white}
.study-chapter{padding-top:70px;padding-bottom:0}
.study-chapter:first-child{padding-top:70px}
.study-comparison{padding:32px;background:#f8e9c9;border-radius:20px}
.study-chapter .study-comparison,.study-chapter .study-placeholder{margin-top:50px}
.study-comparison figcaption{margin-bottom:20px}
.study-comparison-directions figcaption{max-width:620px;margin-bottom:20px}
.study-comparison-application{padding-bottom:32px}
.study-comparison-application figcaption{max-width:620px;line-height:22px;margin-bottom:20px}
.study-placeholder{padding:32px;background:#f8e9c9;border-radius:20px;aspect-ratio:960/1054}
.study-finish{margin-top:0;padding-top:70px;background:white}
.study-finish>h2{margin-bottom:32px}
.study-finish>p{max-width:797px}
.study-finish .study-tags{gap:16px}
.study-finish .study-tags li{background:var(--page)}
.study-return{display:inline-block;margin-top:70px;color:var(--muted)}
@media(max-width:1000px){.study-facts>div{grid-template-columns:minmax(0,30%) minmax(0,1fr)}.study-facts-wide>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.study-padding{padding:48px 32px}.study h1,.study h2{font-size:28px;line-height:1.2}.study h3{font-size:22px;line-height:1.2}.study-project{margin-bottom:40px;gap:24px}.study-project>p:first-child{font-size:22px}.study-lead{margin-top:24px}.study-tags{margin-top:24px;gap:10px}.study-tags li{font-size:14px;padding:7px 12px 8px}.study-cover{padding:32px;padding-bottom:48px}.study-outcomes{grid-template-columns:1fr;gap:16px}.study-outcomes article{padding:24px}.study-about>h2,.study-research>h2,.study-finish>h2,.study-summary>h2{margin-bottom:32px}.study-about-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.study-facts{margin-top:32px}.study-facts>div,.study-facts-wide>div{grid-template-columns:1fr;gap:12px;padding-block:20px}.study-facts>div:last-child{padding-bottom:0}.study-facts-wide{margin-top:0}.study-callout{padding:16px}.study-research-part{margin-top:40px}.study-research-part>p{margin-top:16px;margin-bottom:24px}.study-document{padding:16px}.study-chapter{padding-bottom:0}.study-chapter:first-child{padding-top:48px}.study-comparison{padding:16px}.study-comparison figcaption{margin-bottom:16px}.study-chapter .study-comparison,.study-chapter .study-placeholder{margin-top:32px}.study-placeholder{padding:16px;min-height:360px}.study-finish{margin-top:0;padding-top:70px}.study-finish .study-tags{gap:10px}.study-return{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.study-return{transition:none}}

@media(max-width:600px){.study-padding{padding-inline:20px}}
@media(min-width:701px){.study{line-height:22px}.study h1,.study h2{line-height:43px}.study h3{line-height:29px}.study-hero{padding-top:50px;padding-bottom:0}.study-project>p:first-child{line-height:29px}.study-cover{padding-top:60px;padding-bottom:69px}.study-outcomes{padding-top:80px;padding-bottom:80px}.study-about{padding-top:80px;padding-bottom:80px;min-height:750px}}
@media(max-width:700px){.study-hero{padding-bottom:0}.study-outcomes h3{line-height:1.2}}

.study-summary{background:white;padding-top:0;padding-inline:0}
.study-summary-inner{width:100%;max-width:1120px;margin-inline:auto;padding:70px 80px 80px;background:#f8d185;border-radius:20px}
.study .study-summary h2{font-size:36px;line-height:43px;margin:0 0 24px}
.study-summary p{max-width:797px;line-height:22px}
.study-summary p+p{margin-top:20px}
@media(max-width:1119px){.study-summary-inner{padding-inline:max(32px,calc((100% - 960px)/2))}}
@media(max-width:700px){.study .study-summary h2{font-size:28px;line-height:1.2;margin-bottom:20px}}
@media(max-width:600px){.study-summary-inner{padding-inline:20px}}
.study-next{--rail-inset:max(32px,calc((100vw - 960px)/2));--rail-gap:24px;--rail-peek:64px;--rail-columns:3;background:var(--page);overflow:hidden}
.study-next-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
.study-next-controls{display:flex;gap:8px;flex:none}
.study-next-arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(148,140,126,.3);border-radius:50%;background:transparent;transition:color 300ms,border-color 300ms}
.study-next-arrow:hover:enabled{color:var(--link-hover);border-color:var(--link-hover)}
.study-next-arrow:disabled{opacity:.3;cursor:default}
.study-next-track{display:flex;gap:var(--rail-gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px var(--rail-inset);margin:-4px calc(-1 * var(--rail-inset));scroll-padding-inline:var(--rail-inset);cursor:grab;user-select:none}
.study-next-track::-webkit-scrollbar{display:none}
.study-next-track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.study-next-track a{cursor:inherit}
.study-next-track img{-webkit-user-drag:none;user-select:none}
.study-next-track:focus-visible{outline:2px solid var(--link-hover);outline-offset:6px}
.next-case{flex:0 0 calc((100% + var(--rail-inset) - var(--rail-gap) - var(--rail-peek) - var(--rail-columns) * var(--rail-gap))/var(--rail-columns));min-width:0;aspect-ratio:1;display:grid;grid-template-rows:minmax(0,1fr) auto;background:white;border-radius:20px;overflow:hidden;scroll-snap-align:start}
.next-case:focus-visible{outline:3px solid var(--link-hover);outline-offset:-3px}
.next-case-visual{min-height:0;position:relative;overflow:hidden;background:var(--case-bg);transition:background-color 300ms var(--motion-easing)}
.next-case-voa{--case-bg:#eae7ef}.next-case-scope{--case-bg:#e5ebed}.next-case-russianlab{--case-bg:#e7eee4}.next-case-luma{--case-bg:#eae7ef}.next-case-waymark{--case-bg:#e5ebed}
.next-case-phone{position:absolute;aspect-ratio:235.563/480;height:calc(100% - 32px);left:50%;top:50%;transform:translate(-50%,-50%);transition:transform 300ms var(--motion-easing)}
.next-case-phone .phone-frame{width:100%;height:100%}
.next-case-phone .phone-screen{width:90.494%;height:96.563%;left:4.619%;top:1.908%}
.next-case-phone .phone-island{left:35.358%;top:3.221%;width:28.919%;height:4.115%;border-radius:30px}
.next-case-phone .phone-island img{left:77.728%;top:24.658%;width:14.286%;height:auto;aspect-ratio:1}
.next-case-phone.phone-dashboard .phone-screen{width:90.403%;height:96.225%;left:4.152%;top:1.746%}
.next-case-phone.phone-dashboard .phone-island{left:35.464%;top:3.202%;width:28.841%;height:4.104%}
.next-case-desktop{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:calc(100% - 40px);max-height:calc(100% - 40px);object-fit:contain;border-radius:10px;transform:translate(-50%,-50%);transition:transform 300ms var(--motion-easing)}
.next-case-caption{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px}
.next-case-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.next-case-caption>p{margin:0;color:var(--muted);line-height:1.35}
.study-next .study-return{margin-top:32px}
@media(hover:hover){.next-case:hover .next-case-phone{transform:translate(-50%,-50%) scale(1.03)}.next-case:hover .next-case-desktop{transform:translate(-50%,-50%) scale(1.03)}}
@media(min-width:701px) and (max-width:1100px){.study-next{--rail-columns:2}}
@media(max-width:600px){.study-next{--rail-inset:20px}}
@media(max-width:700px){.study-next{--rail-gap:16px;--rail-peek:40px;--rail-columns:1}.study-next-header{gap:16px;margin-bottom:28px}.study-next-controls{gap:8px}.study-next-arrow{width:40px;height:40px}.next-case-caption h3{font-size:22px;line-height:26px}.next-case-caption>p{font-size:16px;line-height:21px}}
@media(prefers-reduced-motion:reduce){.next-case-phone,.next-case-desktop,.next-case-visual,.study-next-arrow{transition:none}}

/* White opening section from the updated X-Order layout. */
.xorder-page .study-opening,.xorder-page .study-hero,.xorder-page .study-cover{background:#fff}
.xorder-page .study-hero .study-tags li{background:#f8e9c9}
