.case-study-page .site-header{z-index:30}.case-breadcrumb{color:var(--subtext);align-items:center;gap:13px;padding-top:28px;font-size:14px;font-weight:700;display:flex}.case-breadcrumb a{color:var(--orange);border-bottom:1px solid}.case-breadcrumb>span:nth-child(2){opacity:.5}.case-hero{grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);align-items:center;gap:58px;padding-block:60px 82px;display:grid}.case-hero-copy{min-width:0}.case-hero h1{letter-spacing:-6px;overflow-wrap:anywhere;margin:0 0 21px;font-size:clamp(78px,9.5vw,136px);line-height:.96}.case-lead{letter-spacing:-1.1px;margin-bottom:19px;font-size:clamp(25px,3vw,37px);font-weight:800;line-height:1.2}.case-intro{max-width:670px;color:var(--subtext);margin-bottom:30px;font-size:19px;line-height:1.65}.case-actions,.case-ending-links{flex-wrap:wrap;align-items:center;gap:20px 32px;display:flex}.case-facts{border:1px solid var(--line);background:var(--paper);box-shadow:7px 7px 0 color-mix(in srgb,var(--orange) 17%,transparent);padding:27px 29px 23px}.case-facts-label{color:var(--orange);letter-spacing:.7px;border-bottom:2px solid var(--orange);justify-content:space-between;padding-bottom:16px;font-size:13px;font-weight:800;display:flex}.case-facts-label span{color:var(--subtext)}.case-facts dl{margin:9px 0 0}.case-facts dl>div{border-bottom:1px solid var(--line);grid-template-columns:82px 1fr;gap:14px;padding:13px 0;display:grid}.case-facts dl>div:last-child{border:0}.case-facts dt{color:var(--orange);font-size:13px;font-weight:800}.case-facts dd{margin:0;font-size:15px;font-weight:650;line-height:1.55}.case-stat-band{background:var(--cream-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-stats{grid-template-columns:1fr 1fr 1.3fr;gap:24px;padding-block:25px;display:grid}.case-stats>div{border-right:1px solid var(--line);flex-direction:column;gap:3px;min-width:0;display:flex}.case-stats>div:nth-child(3){border:0}.case-stats strong{letter-spacing:-1.7px;font-size:clamp(26px,3.5vw,39px);font-weight:850;line-height:1.2}.case-stats span{color:var(--subtext);font-size:14px;font-weight:700}.case-stats>p{color:var(--subtext);grid-column:1/-1;margin:0;font-size:12px}.case-stats a{color:var(--orange);text-underline-offset:3px;font-weight:700;text-decoration:underline}.case-section{grid-template-columns:205px 1fr;gap:30px;padding-block:82px 88px;display:grid}.case-section-grid{grid-template-columns:205px 1fr;gap:30px;display:grid}.case-section-label{letter-spacing:.7px;color:var(--subtext);white-space:nowrap;padding-top:8px;font-size:13px;font-weight:800}.case-section-label span{color:var(--orange);margin-right:7px}.case-section-content{min-width:0;max-width:870px}.case-section h2{letter-spacing:-2px;max-width:820px;margin-bottom:22px;font-size:clamp(36px,4.4vw,56px);font-weight:800;line-height:1.14}.case-section-content>p{color:var(--subtext);max-width:760px;margin-bottom:19px;font-size:17px;line-height:1.78}.case-section-content>p.case-big-copy{color:var(--ink);max-width:730px;font-size:clamp(20px,2.1vw,25px);font-weight:700;line-height:1.48}.case-section-content strong{color:var(--ink)}.architecture-section,.verification-section{background:var(--cream-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:block}.arch-board{color:#281f18;background:#dbad7e;border:1px solid #8b6142;margin:36px 0 22px;padding:24px 27px 19px}.arch-board-heading{color:#402716;letter-spacing:.85px;border-bottom:1px solid #986f50;justify-content:space-between;gap:14px;padding-bottom:14px;font-size:12px;font-weight:850;display:flex}.arch-lane{flex-direction:column;align-items:stretch;width:min(100%,530px);margin:26px auto 17px;display:flex}.arch-node{color:#fff0de;background:#241b17;border:1px solid #8f6546;flex-direction:column;gap:2px;min-width:0;padding:14px 18px;display:flex;box-shadow:inset 0 0 0 1px #00000014}.arch-node small{letter-spacing:1.05px;color:#ffb47e;font-size:11px;font-weight:850}.arch-node strong{letter-spacing:-.4px;color:#fff0d8;font-size:20px;line-height:1.3}.arch-node span{color:#e7cfb7;font-size:13px;line-height:1.6}.arch-node{border-left:5px solid #a84a1e}.arch-arrow{text-align:center;color:#734226;font-size:20px;font-weight:900;line-height:30px}.arch-branch{grid-template-columns:1fr 1fr;gap:16px;display:grid}.arch-board-note{color:#553722;border-top:1px solid #986f50;margin:0;padding-top:13px;font-size:12px;line-height:1.55}.case-doc-link{margin-top:25px}.decision-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:35px;display:grid}.decision-grid article{border:1px solid var(--line);background:var(--paper);padding:24px}.decision-number{color:var(--orange);letter-spacing:.7px;font-size:13px;font-weight:850}.decision-grid h3{letter-spacing:-.5px;margin:13px 0 11px;font-size:20px;line-height:1.25}.decision-grid p{color:var(--subtext);margin:0;font-size:15px;line-height:1.72}.verification-list{border-top:2px solid var(--orange);margin-top:29px}.verification-list>div{border-bottom:1px solid var(--line);grid-template-columns:27px 1fr;gap:15px;padding:18px 0;display:grid}.verification-check{color:var(--orange);font-size:19px;font-weight:900}.verification-list h3{margin:0 0 4px;font-size:18px;line-height:1.4}.verification-list p{color:var(--subtext);margin:0;font-size:15px;line-height:1.7}.limits-note{border-left:4px solid var(--orange);background:var(--paper);margin-top:31px;padding:22px 26px}.limits-note h3{margin:0 0 9px;font-size:19px}.limits-note h3 em{color:var(--orange);font-style:normal}.limits-note p{color:var(--subtext);margin:0;font-size:15px;line-height:1.8}.case-ending-links{margin-top:26px}.case-next{background:var(--dark);color:#fff6eb;border-top:1px solid var(--line)}.case-next-inner{justify-content:center;align-items:center;gap:20px;padding-block:34px;display:flex}.case-next a{color:#fff1e0;text-underline-offset:6px;font-size:19px;font-weight:750;-webkit-text-decoration:underline #eaa06c;text-decoration:underline #eaa06c}.case-next a:hover{color:#ffba8e}@media (width<=1000px){.case-hero{grid-template-columns:1fr 300px;gap:26px}.case-hero h1{letter-spacing:-4px;font-size:clamp(69px,8vw,93px)}.case-section,.case-section-grid{grid-template-columns:155px 1fr;gap:24px}}@media (width<=860px){.case-hero{grid-template-columns:1fr;gap:35px;padding-block:48px 60px}.case-facts{width:min(100%,620px)}.case-section,.case-section-grid{grid-template-columns:1fr;gap:20px}.case-section{padding-block:63px}.case-section-label{padding-top:0}}@media (width<=640px){.case-breadcrumb{padding-top:19px}.case-hero{padding-block:37px 48px}.case-hero h1{letter-spacing:-2.5px;font-size:clamp(54px,13vw,79px)}.case-intro{font-size:17px}.case-lead{font-size:26px}.case-facts{padding:19px 20px}.case-stats{grid-template-columns:1fr 1fr;gap:20px}.case-stats>div:nth-child(2){border:0}.case-stats>div:nth-child(3){border-top:1px solid var(--line);grid-column:1/-1;padding-top:16px}.case-section{padding-block:56px}.case-section h2{letter-spacing:-1.3px;font-size:clamp(34px,9vw,45px)}.arch-board{padding:15px 16px}.arch-board-heading{flex-wrap:wrap;font-size:10px}.arch-node strong{font-size:16px}.arch-node span{font-size:12px}.arch-branch{grid-template-columns:1fr;gap:7px}.arch-lane{margin-top:18px}.arch-node{padding:12px}.decision-grid{grid-template-columns:1fr}.case-next-inner{flex-direction:column;align-items:start}.case-next a{font-size:18px}}@media (width<=380px){.case-facts dl>div{grid-template-columns:72px 1fr}.case-stats strong{font-size:26px}}.nav-private-badge{letter-spacing:.6px;text-transform:uppercase;color:var(--subtext);border:1px solid var(--line);white-space:nowrap;border-radius:3px;padding:5px 9px;font-size:11px;font-weight:800}.private-repo-pill{border:1px solid var(--line);background:var(--paper);min-height:48px;color:var(--subtext);align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex}.production-badge{border:1px solid var(--line);background:var(--paper);min-height:48px;color:var(--ink);align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:800;display:inline-flex}.status-pulse{background:#34d399;border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 3px #34d39940}.private-repo-note{color:var(--subtext);background:var(--paper);border-left:3px solid var(--orange);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;padding:14px 18px;font-size:14px;line-height:1.65}.private-repo-note strong{color:var(--ink)}.showcase-section{padding-block:82px 88px;display:block}.showcase-header{grid-template-columns:205px 1fr;gap:30px;margin-bottom:38px;display:grid}.showcase-header .case-section-content{max-width:870px}.showcase-header .case-section-content>h2,.showcase-header .case-section-content>p{max-width:760px}.gallery-breakout{width:min(1340px,100% - 48px);margin-inline:auto}.screenshot-grid{grid-template-columns:repeat(3,1fr);gap:28px;width:100%;display:grid}.screenshot-card{background:var(--paper);border:1px solid var(--line);box-shadow:5px 5px 0 color-mix(in srgb, var(--orange) 14%, transparent);box-sizing:border-box;flex-direction:column;min-width:0;margin:0;padding:20px;transition:transform .16s,border-color .16s;display:flex}.screenshot-card:hover{border-color:var(--orange)}.screenshot-frame{background:var(--cream-deep);border:1px solid var(--line);box-sizing:border-box;justify-content:center;align-items:center;height:480px;padding:16px;display:flex;position:relative}.screenshot-trigger{cursor:pointer;width:100%;height:100%;color:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex;position:relative}.screenshot-trigger:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.screenshot-trigger img{object-fit:contain;border:1px solid color-mix(in srgb, var(--line) 60%, transparent);width:auto;max-width:100%;height:auto;max-height:440px;transition:transform .18s;display:block;box-shadow:0 4px 14px #0000002e}.screenshot-trigger:hover img{transform:translateY(-2px)}.screenshot-zoom-hint{background:var(--dark);color:#fff;letter-spacing:.6px;border:1px solid var(--line);opacity:.88;pointer-events:none;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:800;transition:opacity .16s,background .16s;display:inline-flex;position:absolute;bottom:8px;right:8px}.screenshot-trigger:hover .screenshot-zoom-hint,.screenshot-trigger:focus-visible .screenshot-zoom-hint{opacity:1;background:var(--orange);color:#fff}.screenshot-caption{color:var(--subtext);border-top:1px solid var(--line);flex-grow:1;margin-top:16px;padding-top:16px;font-size:14px;line-height:1.6}.screenshot-caption strong{letter-spacing:.7px;color:var(--orange);text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:850;display:block}.screenshot-caption code{background:var(--cream-deep);border:1px solid var(--line);padding:2px 5px;font-family:monospace;font-size:12px}.image-viewer{z-index:1000;outline:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:hidden}.image-viewer.is-open{display:flex}.viewer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;background:#0e0d0cf0;position:absolute;inset:0}.viewer-stage{z-index:2;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.viewer-image{object-fit:contain;cursor:zoom-in;pointer-events:auto;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;width:auto;max-width:92vw;height:auto;max-height:92vh;transition:transform .14s ease-out;box-shadow:0 16px 48px #000000bf}.viewer-image.is-zoomed{cursor:grab}.viewer-image.is-dragging{cursor:grabbing;transition:none}.viewer-sr-close{opacity:0;pointer-events:none;position:absolute;top:-200px;left:-200px}@media (width<=1080px){.screenshot-grid{grid-template-columns:1fr;gap:30px}.screenshot-frame{height:440px}}@media (width<=860px){.showcase-header{grid-template-columns:1fr;gap:16px;margin-bottom:26px}.screenshot-frame{height:400px}}@media (width<=640px){.showcase-section{padding-block:56px}.gallery-breakout{width:calc(100% - 32px)}.screenshot-card{padding:14px}.screenshot-frame{height:340px;padding:10px}.screenshot-trigger img{max-height:300px}}
