@import url('/css/project-gallery-base.css?v=20261025cases');
.case-page{--muted:#63685b}.case-page .scg-icon{display:inline-block;width:22px;height:22px;fill:none;stroke:currentColor;vertical-align:middle;flex-shrink:0}.case-page .crm-gallery{margin:auto}.case-page .crm-gallery .crm-gallery__head{border-color:#d3d6c9}.case-page .crm-gallery .crm-gallery__caption{border-color:#d3d6c9}
.case-hero{padding:140px 0 0;background:radial-gradient(ellipse at 85% 10%,#c4ff3d12,transparent 48%),var(--ink)}.case-back{display:inline-block;font-size:12px;color:#b9bdad;margin-bottom:40px}.case-back:hover{color:var(--lime)}.case-name{font-size:15px;margin:22px 0 14px;color:#d6d9cd}.case-hero h1{font-size:clamp(40px,5.5vw,78px);font-weight:750;letter-spacing:-.05em;line-height:1.04;max-width:21ch}.case-hero h1 em,.case-cta h2 em{font-style:normal;color:var(--lime)}.case-summary{font-size:clamp(17px,1.65vw,22px);line-height:1.6;color:#c1c5b6;max-width:62ch;margin-top:26px}.case-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 42px}.case-cover{margin:0;border:1px solid #30362a;border-bottom:0;background:#151810}.case-cover img{width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;object-position:top}.case-cover figcaption{font:10px/1.6 var(--mono);padding:12px 20px;color:#bec4b3;border-top:1px solid #30362a}
.case-context{padding:80px 0 50px}.case-context__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.case-context h2{font-size:clamp(30px,3.5vw,50px);letter-spacing:-.04em;line-height:1.1;margin-top:20px}.case-context p:not(.sec-no){font-size:17px;line-height:1.75;color:#50564a;max-width:55ch;margin-top:25px}.case-benefits{padding:20px 0 90px}.case-benefits h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.035em;margin-bottom:24px}.case-benefits ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:24px}.case-benefits li{border-top:1px solid #cbd0c0;padding-top:20px}.case-benefits li>span{font:11px/1.5 var(--mono);color:#646e50}.case-benefits h3{font-size:21px;line-height:1.2;margin-top:18px;letter-spacing:-.025em}.case-benefits li p{font-size:14px;line-height:1.7;color:#565e4c;margin-top:12px}.case-gallery{padding:85px 0 100px;scroll-margin-top:90px}.case-gallery h2{font-size:clamp(40px,5vw,70px);line-height:1.1;letter-spacing:-.05em;margin-top:18px}.case-gallery__intro{font-size:17px;line-height:1.65;color:#b9c0ad;max-width:60ch;margin-top:20px}.case-demo-note{font:10px/1.6 var(--mono);color:#9fa68f;margin:22px 0 30px}.case-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.case-screen{display:block;min-width:0;border:1px solid #30372a;background:#12150f;overflow:hidden}.case-screen img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;background:#e9eddf;transition:transform .25s}.case-screen:hover img{transform:scale(1.015)}.case-screen>span{display:flex;align-items:center;gap:14px;font-size:15px;padding:18px 20px}.case-screen b{font:10px/1.5 var(--mono);color:var(--lime)}.case-screen i{font-style:normal;margin-left:auto;color:var(--lime)}.case-cta{background:#151a10;padding:85px 0;border-block:1px solid #2e3624}.case-cta h2{font-size:clamp(34px,4.8vw,64px);line-height:1.08;letter-spacing:-.045em}.case-cta p{max-width:53ch;color:#b5bfaa;margin:25px 0;line-height:1.7}.case-related{padding:65px 0 85px}.case-related .wrap>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.case-related a{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #343d29;padding:24px 0;font-size:clamp(20px,3vw,33px);letter-spacing:-.03em}.case-related a:hover{color:var(--lime)}
.home-cases{margin:42px 0 56px}.home-cases>.sec-no{font-size:10px;color:#a7b095;margin-bottom:22px}.home-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-case{display:flex;flex-direction:column;min-width:0;border:1px solid #343c2a;background:#10120d;padding-bottom:24px}.home-case__image{display:block;position:relative;background:#ebeee4;overflow:hidden}.home-case__image img{display:block;width:100%;height:auto;aspect-ratio:1.48;object-fit:cover;object-position:top left;transition:transform .3s}.home-case:hover .home-case__image img{transform:scale(1.025)}.home-case__image>span{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;background:var(--lime);color:var(--ink);border-radius:50%;font-size:20px}.home-case__type{font:9px/1.6 var(--mono);color:#9ba78c;margin:22px 22px 12px}.home-case h3{font-size:clamp(22px,2.2vw,30px);line-height:1.15;letter-spacing:-.035em;margin:0 22px 14px}.home-case p{font-size:14px;line-height:1.65;color:#bbc3ae;margin:0 22px 24px}.home-case__link{font-size:12px;color:var(--lime);display:flex;align-items:center;gap:15px;margin:auto 22px 0}.home-case__link i{font-style:normal}.home-cases__more{font:12px/1.6 var(--mono);color:#adb79e;margin:0 0 26px;font-weight:400;letter-spacing:.07em;text-transform:uppercase}.home-branding{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,70px);margin-top:70px;padding-top:50px;border-top:1px solid var(--line-paper)}.home-branding figure{overflow:hidden;background:#e4e6d9}.home-branding img{width:100%;height:350px;object-fit:cover;object-position:center 43%}.home-branding .sec-no{font-size:10px;color:#5f6b4f}.home-branding h3{font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.04em;margin:18px 0}.home-branding h3 em{font-style:normal;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.08em}.home-branding p{max-width:50ch;line-height:1.7;font-size:15px;color:#515847;margin-bottom:24px}.case-project-link{display:inline-flex;margin-top:18px}.project-jose .project-image img{object-position:top left}
@media(max-width:900px){.home-cases__grid{grid-template-columns:1fr}.home-case{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;padding-bottom:0}.home-case__image{grid-column:1;grid-row:1/5;height:100%}.home-case__image img{height:100%;object-fit:cover;aspect-ratio:auto}.home-case__type,.home-case h3,.home-case p,.home-case__link{grid-column:2}.home-case__link{margin-bottom:24px}.case-benefits ol{grid-template-columns:repeat(2,minmax(0,1fr))}.case-context__grid{gap:35px}.home-branding{grid-template-columns:.8fr 1fr}}
@media(max-width:640px){.case-hero{padding-top:110px}.case-back{margin-bottom:28px}.case-hero h1{font-size:clamp(36px,9.5vw,52px)}.case-actions .btn{font-size:11px;padding-inline:18px;white-space:normal}.case-context{padding:55px 0 35px}.case-context__grid{grid-template-columns:minmax(0,1fr)}.case-context p:not(.sec-no){font-size:15px;margin-top:18px}.case-benefits{padding-bottom:55px}.case-benefits ol{gap:22px 18px}.case-benefits h3{font-size:18px}.case-benefits li p{font-size:13px}.case-gallery{padding:55px 0}.case-screens{grid-template-columns:minmax(0,1fr);gap:20px}.case-screen>span{font-size:14px}.case-cta{padding:55px 0}.case-related .wrap>div{grid-template-columns:minmax(0,1fr);gap:0}.case-related{padding:45px 0 55px}.home-case{display:flex;padding-bottom:24px}.home-case__image img{height:auto;aspect-ratio:1.48}.home-case__link{margin-bottom:0}.home-branding{grid-template-columns:minmax(0,1fr);margin-top:45px;padding-top:35px;gap:28px}.home-branding img{height:330px}.home-branding h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){.home-case__image img,.case-screen img{transition:none}}