.case-page{--laercio-bg: #0b0c0e;--laercio-surface: #15181d;--laercio-fg: #f2f3f1;--laercio-fg-strong: #fff;--laercio-muted: #a7adb4;--laercio-accent: #fcd62b;--laercio-accent-hover: #ffe573;--laercio-red: #c42b18;--laercio-dark: #070809;--ink: var(--laercio-fg);--muted-ink: var(--laercio-muted);--accent-ink: var(--laercio-accent)}.case-page{background:var(--laercio-bg);color:var(--laercio-fg)}.case-page .case-intro{padding-top:calc(var(--header-height) + 40px);padding-bottom:45px}.case-page .case-intro .back-link{margin-bottom:32px;color:var(--laercio-muted)}.case-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.case-category{max-width:240px;text-align:right;color:var(--laercio-muted);line-height:1.7}.case-page .case-intro h1{color:var(--laercio-fg-strong)}.case-page .back-link:hover{color:var(--laercio-accent-hover)}.case-page :is(a,button):focus-visible{outline-color:var(--laercio-accent-hover)}.case-page .case-text-section{border-bottom-color:color-mix(in srgb,var(--laercio-fg) 12%,transparent)}.case-page .case-text-section .review-note{border-left-color:var(--laercio-accent)}.case-page .case-gallery{background:var(--laercio-surface)}.case-page .screen-placeholder{background:var(--laercio-bg);border-color:color-mix(in srgb,var(--laercio-fg) 24%,transparent)}.case-page .screen-placeholder svg{stroke:var(--laercio-accent)}.case-hero-media .project-reveal{width:min(100%,calc((100svh - var(--header-height) - 48px) * var(--reveal-ratio)));margin-inline:auto}@media(max-width:700px){.case-heading{flex-direction:column;align-items:stretch;gap:24px}.case-category{align-self:flex-end}}.blackwolf-case-page{--ink: #F5F5F3;--muted-ink: #C9CBCC;--accent-ink: #FF5456;--laercio-bg: #0A0A0B;--laercio-surface: #141518;--laercio-fg: #C9CBCC;--laercio-fg-strong: #F5F5F3;--laercio-muted: #C9CBCC;--laercio-accent: #FF5456;--laercio-accent-hover: #FF8586;background:#0a0a0b;color:#f5f5f3}.blackwolf-case-page .text-link{color:#f5f5f3}.blackwolf-case-page .text-link:hover{color:#ff8586}.project-case-page{--case-sand: var(--laercio-bg);--case-soft: #20252c;--case-cream: var(--laercio-bg);--case-paper: var(--laercio-surface);--case-ink: var(--laercio-fg);--case-muted: var(--laercio-muted);--case-accent: var(--laercio-accent);--case-line: #a7adb440}.psychology-case-page{--case-sand: var(--psychology-sand);--case-soft: var(--psychology-soft);--case-cream: var(--psychology-cream);--case-paper: var(--psychology-paper);--case-ink: var(--psychology-ink);--case-muted: var(--psychology-muted);--case-accent: var(--psychology-accent);--case-line: var(--psychology-line)}.blackwolf-case-page{--case-sand: #0A0A0B;--case-soft: #1b1c20;--case-cream: #0A0A0B;--case-paper: #141518;--case-ink: #F5F5F3;--case-muted: #C9CBCC;--case-accent: #FF5456;--case-line: #C9CBCC40}.project-case-page .case-heading{align-items:flex-start}.project-case-page .case-category{margin:0}.project-case-page .back-link{display:inline-flex;align-items:center;gap:12px}.project-case-page .text-link{color:var(--case-accent)}.case-comparison-intro{max-width:760px;margin-top:24px;color:var(--case-muted);font-size:18px;line-height:1.65}.case-nav[hidden]{display:none}.project-case-page{background:var(--case-cream)}.case-nav{--case-progress: 0;position:fixed;z-index:40;right:clamp(4px,1.2vw,22px);top:calc(50% + var(--header-height) / 2);transform:translateY(-50%);display:flex;flex-direction:column}.case-rail{position:absolute;top:20px;bottom:20px;left:calc(50% - .5px);width:1px;background:var(--case-line)}.case-rail>span{display:block;height:100%;background:var(--case-accent);transform:scaleY(var(--case-progress));transform-origin:top}.case-checkpoint{position:relative;display:grid;place-items:center;width:44px;height:40px;color:var(--case-ink)}.case-checkpoint-dot{width:10px;height:10px;border:1px solid var(--case-accent);border-radius:50%;background:var(--case-cream);transition:background-color .2s,box-shadow .2s,transform .2s}.case-checkpoint.is-current .case-checkpoint-dot{background:var(--case-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--case-accent) 15%,transparent);transform:scale(1.15)}.case-checkpoint:is(:hover,:focus-visible) .case-checkpoint-dot{background:var(--case-ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--case-accent) 15%,transparent)}.case-checkpoint-label{position:absolute;top:50%;right:calc(100% + 6px);width:max-content;padding:8px 12px;border:1px solid var(--case-line);border-radius:4px;background:var(--case-cream);box-shadow:0 4px 16px #3a332c10;font-size:12px;line-height:1.4;opacity:0;visibility:hidden;transform:translate(6px,-50%);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none}.case-checkpoint:is(:hover,:focus-visible) .case-checkpoint-label{opacity:1;visibility:visible;transform:translateY(-50%)}.project-case-page [data-case-stop][tabindex="-1"]:focus{outline:none}.project-case-page .case-intro{background:var(--case-sand)}.project-case-page .case-intro h1{color:var(--case-ink);font-size:clamp(44px,9vw,144px)}.project-case-page .case-intro h1 em{white-space:nowrap}.project-case-page .case-intro .back-link,.project-case-page .case-category{color:var(--case-muted)}.project-case-page .case-summary{max-width:760px}.project-case-page .case-facts{align-items:center;margin-bottom:0;color:var(--case-muted)}.project-case-page .case-facts .text-link{font-size:12px;padding-block:6px}.project-case-page .case-hero-media{height:calc(100svh - var(--header-height));min-height:360px;display:flex;flex-direction:column;padding-block:clamp(18px,3vh,32px);background:var(--case-sand)}.project-case-page .case-text-section{border-bottom-color:var(--case-line)}.case-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:50px;height:50px;border-radius:14px;background:var(--case-soft);color:var(--case-accent)}.case-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.case-story-lead{max-width:440px;margin-top:28px;font-size:clamp(25px,2.5vw,36px);line-height:1.3;letter-spacing:-.04em;color:var(--case-accent)}.case-story-points{display:grid;gap:16px;list-style:none;margin:0;padding:0}.case-story-points li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;align-items:start;padding:24px;border:1px solid var(--case-line);border-radius:18px;background:var(--case-paper)}.case-story-points h3{margin:0;font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.035em}.case-story-points p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--case-muted)}.case-improvements{min-height:calc(100svh - var(--header-height));display:flex;flex-direction:column;justify-content:center;padding-block:clamp(20px,3vh,32px);background:var(--case-paper)}.case-improvements>.section-heading{margin-bottom:clamp(18px,3vh,28px)}.case-improvements>.section-heading h2{font-size:clamp(36px,4.2vw,60px)}.case-improvements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case-improvements-grid article{display:grid;grid-template-columns:36px minmax(0,1fr);align-content:start;align-items:center;gap:12px;padding:clamp(16px,1.6vw,24px);border:1px solid var(--case-line);border-radius:14px;background:var(--case-cream)}.case-improvements-grid .case-icon{width:36px;height:36px;border-radius:10px}.case-improvements-grid .case-icon svg{width:21px;height:21px}.case-improvements-grid h3{margin:0;font-size:clamp(18px,1.6vw,23px);line-height:1.15;font-weight:500;letter-spacing:-.04em}.case-improvements-grid p{grid-column:1 / -1;margin:0;font-size:14px;line-height:1.5;color:var(--case-muted)}.case-changes{background:var(--case-soft)}.case-changes>h2{white-space:nowrap}.case-changes-table{margin-top:48px;border-top:1px solid var(--case-line)}.case-change-row{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:28px;border-bottom:1px solid var(--case-line)}.case-change-row p{font-size:17px;line-height:1.65}.case-change-row p:first-child{color:var(--case-muted)}.case-change-row--header{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--case-accent)}.case-mobile-label{display:none}.case-devices{container-type:size;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;gap:clamp(16px,4vw,56px)}.case-device{min-width:0;position:relative}.case-device--mac{flex:0 0 auto;width:min(72%,calc((100cqh - 82px)*1.6))}.case-device-screen{position:relative}.case-device--mac .case-device-screen{padding:10px;border-radius:20px 20px 0 0;background:#252421;box-shadow:0 22px 50px #3a332c18}.case-device--mac:before{content:"";position:absolute;z-index:1;top:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#60665e}.case-video-slot{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:var(--case-cream)}.case-video-slot>:is(video,iframe,img){display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;border:0}.case-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(ellipse at 50% 80%,var(--case-soft),var(--case-cream) 75%);color:var(--case-accent)}.case-video-placeholder:before{content:"";position:absolute;inset:18px;border:1px dashed var(--case-line);border-radius:8px}.case-video-placeholder svg{width:54px;height:54px;margin-bottom:8px;stroke:currentColor;stroke-width:1.25}.case-video-placeholder>span{font-size:clamp(18px,2vw,28px);letter-spacing:-.035em;color:var(--case-ink)}.case-video-placeholder p{font-size:12px}.case-mac-chin{height:32px;border-radius:0 0 18px 18px;background:linear-gradient(110deg,#d2d0c9,#eeede8 45%,#b6b4ac);position:relative}.case-mac-chin:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#96958c;opacity:.3;left:calc(50% - 6px);top:10px}.case-mac-stand{width:26%;height:42px;margin-inline:auto;position:relative;background:linear-gradient(#aaa89f,#dfddd6);clip-path:polygon(23% 0,77% 0,88% 88%,100% 94%,100% 100%,0 100%,0 94%,12% 88%)}.case-device--phone{flex:0 0 auto;width:min(24%,calc((100cqh - 22px) / 2.1667 + 22px));max-width:260px;padding:8px;border:3px solid #69655d;border-radius:40px;background:#252421;box-shadow:0 22px 50px #3a332c18}.case-device--phone .case-device-screen{border-radius:28px;overflow:hidden}.case-device--phone .case-device-screen:after{content:"";position:absolute;width:34%;height:20px;left:33%;top:10px;border-radius:14px;background:#252421}.case-device--phone .case-video-slot{aspect-ratio:9 / 19.5}.case-device--phone .case-video-placeholder:before{inset:40px 14px 20px;border-radius:14px}.case-device--phone:after{content:"";position:absolute;width:32%;height:4px;left:34%;bottom:19px;border-radius:3px;background:var(--case-accent)}.project-case-page .case-delivery{background:var(--case-sand)}.case-site-button{padding:20px 26px;border:1px solid var(--case-ink);border-radius:8px;background:var(--case-ink);color:var(--case-cream);font-size:17px;font-weight:500;box-shadow:0 10px 24px #3a332c18;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.case-site-button:hover{background:var(--case-muted);transform:translateY(-2px);box-shadow:0 14px 28px #3a332c25}.case-site-button svg{width:24px;height:24px}.case-scope{list-style:none;padding:0;margin:0}.case-scope li{padding-block:14px;border-bottom:1px solid var(--case-line)}@media(max-width:700px){.case-nav{right:2px}.case-checkpoint{width:32px;height:36px}.case-rail{top:18px;bottom:18px}.case-checkpoint-dot{width:8px;height:8px}.project-case-page [data-case-stop]{padding-right:54px}.case-improvements-grid{grid-template-columns:minmax(0,1fr);gap:10px}.case-improvements-grid article{grid-template-columns:32px minmax(0,1fr);gap:6px 12px;padding:10px}.case-improvements-grid .case-icon{width:32px;height:32px;grid-row:1 / 3;align-self:start}.case-improvements-grid h3{font-size:16px}.case-improvements-grid p{grid-column:2;font-size:13px;line-height:1.4}.case-story-lead{margin-top:20px}.case-story-points li{padding:20px;gap:16px}.case-story-points h3{font-size:20px}.case-changes>h2{font-size:clamp(32px,8vw,40px)}.case-devices{flex-direction:column;gap:2cqh}.case-device--mac{width:min(100%,calc((42cqh - 47px)*1.6))}.case-device--mac .case-device-screen{padding:6px;border-radius:12px 12px 0 0}.case-device--mac:before{top:2px}.case-mac-chin{height:20px;border-radius:0 0 12px 12px}.case-mac-chin:after{width:8px;height:8px;top:6px;left:calc(50% - 4px)}.case-mac-stand{height:22px}.case-device--phone{width:min(45%,calc((54cqh - 14px) / 2.1667 + 14px));padding:5px;border-width:2px;border-radius:24px}.case-device--phone .case-device-screen{border-radius:17px}.case-device--phone .case-device-screen:after{height:12px;top:6px}.case-device--phone:after{height:3px;bottom:11px}.case-video-placeholder{padding:10px;gap:6px}.case-video-placeholder svg{width:28px;height:28px;margin-bottom:0}.case-video-placeholder>span{font-size:14px}.case-video-placeholder p{font-size:10px}.case-video-placeholder:before{inset:8px}.case-device--phone .case-video-placeholder:before{inset:24px 8px 14px}.case-site-button{width:100%;justify-content:space-between;padding:18px 20px;font-size:15px}.case-change-row{grid-template-columns:minmax(0,1fr);gap:22px}.case-change-row--header{display:none}.case-mobile-label{display:block;margin-bottom:8px;color:var(--case-accent);font-size:10px}.project-case-page .case-heading{gap:18px}.project-case-page .case-summary{font-size:18px}.project-case-page .case-text-layout{gap:30px}}@media(prefers-reduced-motion:reduce){.case-site-button,.case-checkpoint-dot,.case-checkpoint-label{transition:none}}