.case-detail{background-color:var(--paper);color:var(--ink);min-height:100vh;position:relative}.case-container{max-width:var(--shell);padding:clamp(132px, 17vh, 180px) var(--gutter) clamp(80px, 12vh, 140px);margin:0 auto}.case-content>.case-split:first-child{margin-top:0}.case-content .case-rule+.case-stack-section{margin-top:clamp(48px,7vh,84px)}.case-gallery{margin-top:clamp(64px,9vh,108px)}.case-body{grid-template-columns:minmax(0,1fr);gap:clamp(48px,6vw,88px);margin-top:clamp(48px,7vh,84px);display:grid}@media (min-width:1024px){.case-body{grid-template-columns:minmax(210px,.26fr) minmax(0,1fr)}}.case-rail__inner{flex-direction:column;gap:clamp(28px,4vh,40px);display:flex}@media (min-width:1024px){.case-rail__inner{position:sticky;top:118px}}.case-rail__facts{flex-direction:column;gap:0;margin:0;display:flex}.case-rail__facts>div{border-top:1px solid var(--rule);flex-direction:column;gap:6px;padding-block:clamp(13px,1.7vh,17px);display:flex}.case-rail__facts>div:last-child{border-bottom:1px solid var(--rule)}.case-rail__facts dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:9px;font-weight:500}.case-rail__facts dd{letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;margin:0;font-size:13px;font-weight:400;line-height:1.45}.case-rail__actions{flex-direction:column;gap:9px;display:flex}.case-rail__actions .case-link-card{justify-content:flex-start;width:100%}.case-rail__actions .case-link-arrow{margin-left:auto}.case-rule{background:var(--rule-strong);width:100%;height:1px;margin-top:clamp(64px,9vh,108px);display:block}.case-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.case-back-btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;font-size:11px;font-weight:400;text-decoration:none;transition:color .25s;display:inline-flex}.case-back-btn:hover{color:var(--ember)}.case-back-arrow{transition:transform .2s}.case-back-btn:hover .case-back-arrow{transform:translate(-4px)}.case-status-badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap;background:#ffffff12;border:0;border-radius:999px;align-items:center;gap:9px;padding:8px 16px;font-size:9px;font-weight:500;display:inline-flex}.case-status-dot{background:var(--ember);border-radius:50%;flex:none;width:6px;height:6px;position:relative}.case-status-dot:after{content:"";background:var(--ember);animation:case-status-pulse 2.6s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes case-status-pulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(3.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.case-status-dot:after{animation:none}}.case-title{font-family:var(--font-display);letter-spacing:-.045em;color:var(--ink);margin-top:clamp(38px,5vh,56px);font-size:clamp(38px,6.4vw,84px);font-weight:400;line-height:1}.case-tagline{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ember);margin-top:16px;font-size:11px;font-weight:400}.case-desc{max-width:720px;color:var(--ink-dim);margin-top:28px;font-size:16px;line-height:1.65}.case-metrics{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;padding:32px 0;display:grid}@media (min-width:768px){.case-metrics{grid-template-columns:repeat(4,1fr)}}.case-metric-card{flex-direction:column;display:flex}.case-metric-val{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(30px,3.2vw,50px);font-weight:300;line-height:1}.case-metric-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-top:10px;font-size:9px;font-weight:500}.case-mockup-wrapper,.case-gallery-wrapper{flex-direction:column;width:100%;margin-top:48px;display:flex}.case-gallery-wrapper{margin-top:0}.case-view-controls{background:#ffffff12;border-radius:0;align-self:flex-start;align-items:center;gap:3px;margin-bottom:18px;padding:3px;display:inline-flex}.case-view-toggle-btn{height:40px;color:var(--ink);font-family:var(--font-sans);letter-spacing:-.01em;text-transform:none;cursor:pointer;opacity:.5;transition:background-color .32s var(--ease), color .32s var(--ease), opacity .32s var(--ease);background:0 0;border:1px solid #0000;border-radius:0;align-items:center;gap:7px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.case-view-toggle-btn:hover{opacity:1}.case-view-toggle-btn.is-active{color:#080808;opacity:1;background:linear-gradient(#fff 0%,#deddd9 100%);border-color:#ffffffd1;box-shadow:0 8px 24px #00000073,inset 0 1px #fff}.browser-mockup{border:1px solid var(--rule-strong);background:var(--paper-raised);width:100%;transition:max-width .52s var(--ease), aspect-ratio .52s var(--ease);--mockup-height:240px;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.browser-mockup.style-web{max-width:100%}.browser-mockup.style-mobile{border-radius:34px;max-width:320px;margin-left:auto;margin-right:auto}@media (min-width:768px){.browser-mockup{--mockup-height:400px}}.browser-mockup__header{border-bottom:1px solid var(--rule);background:0 0;flex-shrink:0;align-items:center;height:40px;padding:0 16px;display:flex;position:relative}.style-mobile .browser-mockup__header{border-bottom:0;justify-content:center;height:34px;padding:0 24px}.mobile-mockup__speaker{background:var(--ink);opacity:.22;border-radius:999px;width:44px;height:4px}.mobile-mockup__camera{background:var(--ink);opacity:.22;border-radius:50%;width:6px;height:6px;margin-left:8px}.browser-mockup__dots{gap:6px;display:flex}.browser-mockup__dot{background:var(--ink);opacity:.16;border:0;border-radius:50%;width:7px;height:7px}.browser-mockup__url-bar{width:50%;max-width:360px;height:24px;font-family:var(--font-mono);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:10px;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.browser-mockup__link{border:1px solid var(--rule);background:var(--card);width:22px;height:22px;color:var(--ink);justify-content:center;align-items:center;margin-left:auto;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.style-mobile .browser-mockup__link{position:absolute;right:16px}.browser-mockup__link:hover{background:var(--ember);color:var(--paper)}.browser-mockup__content{width:100%;height:var(--mockup-height);background:var(--card);scrollbar-width:thin;scrollbar-color:var(--primary) transparent;transition:height .4s;position:relative;overflow:hidden auto}.style-mobile .browser-mockup__content{height:460px}.browser-mockup__content::-webkit-scrollbar{width:5px}.browser-mockup__content::-webkit-scrollbar-track{background:0 0}.browser-mockup__content::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:99px}.browser-mockup__content::-webkit-scrollbar-thumb:hover{background:var(--ember)}.case-visual-frame.browser-mockup{--mockup-height:280px;margin-top:0}.case-visual-frame.browser-mockup.style-mobile .browser-mockup__content{height:520px}@media (min-width:768px){.case-visual-frame.browser-mockup{--mockup-height:520px}.case-visual-frame.browser-mockup.style-mobile .browser-mockup__content{height:560px}}.browser-mockup__image-scroll{width:100%;height:auto;display:block}.case-split{grid-template-columns:1fr;gap:48px;margin-top:64px;display:grid}@media (min-width:768px){.case-split{grid-template-columns:1fr 1fr;gap:64px;margin-top:80px}}.case-block-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:10px;margin:0 0 clamp(18px,2.4vh,26px);font-size:10px;font-weight:500;display:flex}.case-block-label span{color:var(--ember)}.case-block-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.15}.case-block-body{color:var(--ink-dim);margin-top:18px;font-size:14px;line-height:1.65}.case-stack-section{margin-top:64px}@media (min-width:768px){.case-stack-section{margin-top:80px}}.case-stack-row{border-top:1px solid var(--rule);grid-template-columns:48px 1fr;align-items:baseline;gap:16px;padding:22px 0;transition:background-color .2s;display:grid}@media (min-width:768px){.case-stack-row{grid-template-columns:80px 220px 1fr;padding:24px 0}}.case-stack-row:last-child{border-bottom:1px solid var(--rule)}.case-stack-row:hover{background:#ffffff09}.case-stack-num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ember);font-size:11px;font-weight:400}.case-stack-name{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:600}.case-stack-desc{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.6}@media (max-width:767px){.case-stack-desc{grid-column:2}}.case-links-grid{flex-wrap:wrap;gap:12px;margin-top:clamp(56px,8vh,88px);display:flex}.case-link-card{justify-content:flex-start}.case-link-title{font-family:var(--font-sans);letter-spacing:-.01em;text-transform:none;font-size:14px;font-weight:700}.case-link-mark{width:15px;height:15px;color:inherit;flex-shrink:0}.case-link-arrow{opacity:.55;width:13px;height:13px;transition:transform .32s var(--ease), opacity .32s var(--ease);flex-shrink:0}.case-link-card:hover .case-link-arrow{opacity:1;transform:translate(3px,-3px)}.case-gallery-grid{grid-template-columns:1fr;gap:clamp(20px,2.4vw,32px);margin-top:24px;display:grid}@media (min-width:768px){.case-gallery-grid{grid-template-columns:repeat(2,1fr);align-items:start}}.case-gallery-item{border:1px solid var(--rule);background:var(--paper-raised);margin:0;position:relative;overflow:hidden}.case-gallery-item img{width:100%;height:auto;display:block}.case-gallery-item figcaption{-webkit-backdrop-filter:blur(8px);font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink);background:#000000c7;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:500;position:absolute;top:12px;left:12px}.case-gallery-item{aspect-ratio:auto;margin-top:0}.case-gallery-item.style-web{aspect-ratio:16/10}