@layer components{.study-page{--study-accent:var(--blue);outline:none;padding-top:72px}.study-page--agila{--study-accent:#9db8da}.study-hero{min-height:min(850px,100svh - 72px);padding:clamp(54px, 7.5vw, 112px) var(--gutter) clamp(64px, 8vw, 116px);border-bottom:1px solid #30353d;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(36px,7vw,116px);display:grid}.study-title-block{min-width:0;max-width:560px}.study-title{color:var(--silver);letter-spacing:-.09em;overflow-wrap:normal;margin:28px 0 22px;font-size:clamp(2.5rem,5.6vw,6rem);font-weight:540;line-height:.86}.study-title:focus-visible{outline:2px solid var(--study-accent);outline-offset:10px}.study-lede{color:#c0c7d1;letter-spacing:-.035em;max-width:31ch;font-size:clamp(1.1rem,1.8vw,1.55rem);line-height:1.38}.study-status{color:var(--silver);align-items:baseline;gap:13px;margin-top:22px;font-size:.82rem;display:flex}.study-status span{color:var(--steel)}.study-project-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.study-project-links a{min-height:46px;color:var(--silver);border:1px solid #48515d;align-items:center;gap:20px;padding:0 15px;font-size:.78rem;display:inline-flex}.study-project-links a:hover{color:var(--study-accent);border-color:var(--study-accent)}.study-project-links a span:last-child{color:var(--study-accent)}.study-logo-stage{isolation:isolate;background-color:#141920;border:1px solid #3c4655;place-items:center;min-width:0;margin:0;display:grid;position:relative;overflow:hidden}.study-logo-stage:before{z-index:-1;content:"";opacity:.42;background-image:linear-gradient(#8293aa26 1px,#0000 1px),linear-gradient(90deg,#8293aa26 1px,#0000 1px);background-size:9% 15%;position:absolute;inset:0}.study-logo-stage--cartcheck{aspect-ratio:1.45;background-color:#151a21;min-height:340px}.study-logo-stage--cartcheck:after{z-index:-1;content:"";background:#20252d;border-top:1px solid #6c95d966;width:105%;height:120%;position:absolute;bottom:-52%;right:-10%;transform:skewY(-22deg)rotate(-10deg)}.study-logo-stage--agila{aspect-ratio:1.04;background-color:#171c24;min-height:400px}.study-logo-stage--agila:after{z-index:-1;aspect-ratio:1;content:"";border:1px solid #8ca8cf31;border-radius:0;width:min(74%,380px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.study-logo-stage img{object-fit:contain;width:min(84%,620px);height:auto;display:block}.study-logo-stage--agila img{width:min(68%,420px)}.study-page--agila .study-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.study-page--agila .study-title{max-width:12ch;font-size:clamp(3rem,6vw,6.5rem);line-height:.98}.study-logo-index{color:#b7c3d3;letter-spacing:.17em;font-size:.64rem;font-weight:600;position:absolute;inset:18px auto auto 20px}.study-logo-stage figcaption{color:#a8b2c0;letter-spacing:.04em;font-size:.67rem;position:absolute;inset:auto 18px 14px auto}.study-content{max-width:1480px;padding:0 var(--gutter) clamp(82px, 10vw, 150px);margin-inline:auto}.study-section-heading{grid-template-columns:minmax(170px,.56fr) minmax(0,1fr);align-items:baseline;gap:28px;min-width:0;display:grid}.study-section-heading h2,.study-sources h2{letter-spacing:-.065em;max-width:19ch;font-size:clamp(1.8rem,3.4vw,3.25rem);font-weight:500;line-height:1.04}.study-overview,.study-role,.study-features,.study-architecture,.study-stack,.study-decisions{padding-top:clamp(76px,10vw,148px)}.study-overview-copy,.study-role-copy{max-width:780px;margin:32px 0 0 min(38%,520px)}.study-context,.study-problem,.study-role-copy>p{color:#c4cbd4;max-width:58ch;font-size:clamp(1.03rem,1.5vw,1.32rem);line-height:1.65}.study-problem{margin-top:22px}.study-users{border-top:1px solid #39414c;grid-template-columns:minmax(120px,.56fr) minmax(0,1fr);gap:18px;margin:32px 0 0;padding-top:16px;font-size:.85rem;line-height:1.55;display:grid}.study-users dt{color:var(--steel)}.study-users dd{min-width:0;color:var(--silver)}.study-role-copy{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(28px,6vw,84px);display:grid}.study-contributions{margin:0;padding:0;list-style:none}.study-contributions li{color:var(--silver);border-top:1px solid #39414c;padding:15px 0;font-size:.88rem;line-height:1.55}.study-contributions li:before{color:var(--study-accent);content:"↳";margin-right:12px}.study-entry-list{margin:32px 0 0 min(38%,520px);padding:0;list-style:none}.study-entry-list li{border-top:1px solid #39414c;grid-template-columns:54px minmax(0,1fr);gap:18px;min-width:0;padding:22px 0;display:grid}.study-entry-index{color:var(--study-accent);letter-spacing:.12em;padding-top:3px;font-size:.7rem}.study-entry-list h3,.study-architecture-flow h3{color:var(--silver);letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:560}.study-entry-list p,.study-architecture-flow p{color:#aeb8c5;max-width:64ch;font-size:.86rem;line-height:1.6}.study-architecture-flow{border-top:1px solid #46505e;border-bottom:1px solid #46505e;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin:40px 0 0;padding:0;list-style:none;display:grid}.study-architecture-flow li{min-width:0;min-height:188px;padding:22px 24px 28px 0;position:relative}.study-architecture-flow li+li{border-left:1px solid #39414c;padding-left:24px}.architecture-index{color:var(--study-accent);letter-spacing:.14em;margin-bottom:24px;font-size:.7rem;display:block}.study-architecture-flow h3{margin-bottom:10px}.study-architecture-flow p{max-width:34ch}.study-architecture--agila .study-architecture-flow{background-image:linear-gradient(90deg,#0000 0 50%,#151a21 50% 100%);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.study-stack>ul{flex-wrap:wrap;gap:9px;margin:36px 0 0 min(38%,520px);padding:0;list-style:none;display:flex}.study-stack li{color:#c5cdd8;border:1px solid #3d4652;min-height:40px;padding:9px 13px;font-size:.77rem}.study-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,7vw,110px);margin-top:clamp(84px,10vw,148px);display:grid}.study-results,.study-limitations{border-top:1px solid #495361;min-width:0;padding-top:20px}.study-results h2,.study-limitations h2{letter-spacing:-.055em;margin:10px 0 22px;font-size:clamp(1.55rem,2.6vw,2.35rem);font-weight:500}.study-results ul,.study-limitations ul{margin:0;padding:0;list-style:none}.study-results li,.study-limitations li{color:#b9c2cd;border-top:1px solid #333b45;padding:13px 0;font-size:.86rem;line-height:1.55}.study-results li:before{color:var(--study-accent);content:"↗";margin-right:12px}.study-limitations li:before{color:var(--steel);content:"—";margin-right:12px}.study-sources{border-top:1px solid #495361;grid-template-columns:minmax(170px,.56fr) minmax(0,1fr);gap:28px;margin-top:clamp(82px,10vw,144px);padding-top:28px;display:grid}.study-sources h2{margin-top:13px}.study-sources ul{margin:0;padding:0;list-style:none}.study-sources li{border-top:1px solid #39414c}.study-sources li:first-child{border-top:0}.study-sources a{color:#c4cbd4;justify-content:space-between;align-items:center;gap:20px;min-height:48px;font-size:.84rem;display:flex}.study-sources a span,.study-sources a:hover{color:var(--study-accent)}.study-footer{margin:0 var(--gutter);border-top:1px solid #343a43;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:25px 0 48px;display:grid}.study-footer>:last-child{justify-self:end}.study-footer a{min-height:44px;color:var(--silver);align-items:center;font-size:.82rem;display:inline-flex}.study-footer a:hover{color:var(--study-accent)}.study-not-found{min-height:100svh;padding:18vh var(--gutter);flex-direction:column;align-items:flex-start;gap:28px;display:flex}.study-not-found h1{letter-spacing:-.075em;max-width:12ch;font-size:clamp(3rem,9vw,8rem);line-height:.95}}@media (width<=920px){@layer components{.study-hero{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:32px}.study-logo-stage--cartcheck{min-height:300px}.study-logo-stage--agila{min-height:0}.study-overview-copy,.study-role-copy,.study-entry-list,.study-stack>ul{margin-left:31%}.study-section-heading{grid-template-columns:minmax(145px,.48fr) minmax(0,1fr);gap:20px}}}@media (width<=700px){@layer components{.study-page{padding-top:64px}.study-hero{min-height:0;padding:58px var(--gutter) 52px;grid-template-columns:minmax(0,1fr);gap:38px}.study-page--agila .study-hero{grid-template-columns:minmax(0,1fr)}.study-title{margin:20px 0 17px;font-size:clamp(3rem,14vw,6rem)}.study-page--agila .study-title{font-size:clamp(3rem,14vw,6rem)}.study-lede{max-width:34ch;font-size:clamp(1.08rem,5vw,1.4rem)}.study-logo-stage--cartcheck{aspect-ratio:1.2;min-height:240px}.study-logo-stage--agila{aspect-ratio:1.05;min-height:280px}.study-logo-stage img{width:86%}.study-logo-stage--agila img{width:min(70%,320px)}.study-content{padding-bottom:76px}.study-section-heading,.study-sources{grid-template-columns:minmax(0,1fr);gap:13px}.study-section-heading h2,.study-sources h2{font-size:clamp(1.8rem,9vw,2.65rem)}.study-overview,.study-role,.study-features,.study-architecture,.study-stack,.study-decisions{padding-top:70px}.study-overview-copy,.study-role-copy,.study-entry-list,.study-stack>ul{margin:26px 0 0}.study-role-copy{grid-template-columns:minmax(0,1fr);gap:25px}.study-architecture-flow{grid-template-columns:minmax(0,1fr);margin-top:27px}.study-architecture-flow li{min-height:auto;padding:18px 0 22px}.study-architecture-flow li+li{border-top:1px solid #39414c;border-left:0;padding-left:0}.architecture-index{margin-bottom:12px}.study-outcomes{grid-template-columns:minmax(0,1fr);gap:42px;margin-top:72px}.study-sources{margin-top:72px}.study-footer{grid-template-columns:1fr 1fr;gap:8px}.study-footer .eyebrow{display:none}}}@media (width<=380px){@layer components{.study-title{font-size:clamp(2.8rem,14vw,3.4rem)}.study-project-links{gap:8px}.study-project-links a{gap:12px;padding-inline:10px}.study-users{grid-template-columns:minmax(0,1fr);gap:5px}.study-entry-list li{grid-template-columns:36px minmax(0,1fr);gap:12px}.study-footer a{font-size:.7rem}}}@media (prefers-reduced-motion:reduce){@layer components{.study-page *,.study-page :before,.study-page :after{scroll-behavior:auto}}}