.case-page{color:var(--ink)}.case-container{width:calc(100% - 110px);max-width:1320px;margin-inline:auto}.case-hero{background:var(--panel) url(/images/dct-surface-v2.webp) center/cover;text-align:center;border-radius:12px;margin:15px;padding:175px 0 155px;overflow:hidden}.case-hero h1{font-family:var(--font-display),Manrope,Arial,sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(48px,5.15vw,74px);font-weight:600;line-height:1.2}.case-breadcrumb{background:#f6f7f735;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 12px;width:fit-content;max-width:100%;margin:27px auto 0;padding:8px 18px;font-size:16px;line-height:1.5;display:flex}.case-breadcrumb a{color:var(--ink);align-items:center;gap:9px;display:inline-flex}.case-breadcrumb a:hover{color:#924611}.case-breadcrumb [aria-current]{font-weight:600}.case-content{padding:120px 0}.case-layout{grid-template-columns:minmax(0,2.095fr) minmax(0,1fr);align-items:start;gap:50px;display:grid}.case-story,.case-sidebar{min-width:0}.case-cover,.case-gallery-image{aspect-ratio:1.93;background:var(--panel);cursor:zoom-in;text-align:left;border:0;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.case-gallery-image{aspect-ratio:2.07}.case-cover img,.case-gallery-image img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.3,1)}.case-cover:hover img,.case-gallery-image:hover img{transform:scale(1.025)}.case-cover:focus-visible,.case-gallery-image:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.case-image-zoom{background:var(--orange);width:44px;height:44px;color:var(--ink);opacity:0;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:20px;right:20px;transform:translateY(6px)}.case-cover:hover .case-image-zoom,.case-gallery-image:hover .case-image-zoom,.case-cover:focus-visible .case-image-zoom,.case-gallery-image:focus-visible .case-image-zoom{opacity:1;transform:none}.case-page .case-caption{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.case-introduction{margin-top:25px}.case-introduction h2{letter-spacing:-.04em;margin:0 0 20px;font-size:48px;font-weight:600;line-height:1.17}.case-story p{color:#5b6573;white-space:pre-line;overflow-wrap:anywhere;margin-bottom:18px;font-size:18px;line-height:1.75}.case-story-section{margin-top:45px}.case-story-section h3{letter-spacing:-.035em;margin:0 0 24px;font-size:32px;font-weight:600;line-height:1.25}.case-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;margin:0;padding:0;list-style:none;display:grid}.case-features li{align-items:flex-start;gap:10px;font-size:17px;line-height:1.6;display:flex}.case-features svg{color:var(--ink);flex-shrink:0;margin-top:3px}.case-video-section .project-presentation-video,.case-video-section .project-youtube-video{margin-top:0}.case-project-navigation{background:var(--panel);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:92px;margin-top:40px;padding:20px 25px;display:grid}.case-project-navigation a{align-items:center;gap:10px;font-size:16px;font-weight:600;transition:color .2s;display:inline-flex}.case-project-navigation a:hover{color:#924611}.case-previous-project{grid-area:1/1;justify-self:start}.case-all-projects{grid-area:1/2;justify-self:center;padding:8px}.case-next-project{grid-area:1/3;justify-self:end}.case-nav-arrow{border:1px solid var(--line);background:var(--cream);width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;transition:background .2s;display:grid}.case-project-navigation a:hover .case-nav-arrow{background:var(--orange)}.case-sidebar{gap:30px;display:grid}.case-info-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:30px}.case-info-card h2{letter-spacing:-.035em;border-bottom:1px solid var(--line);margin:0;padding-bottom:25px;font-size:25px;line-height:1.3}.case-facts{gap:25px;margin:30px 0;display:grid}.case-facts>div{min-height:40px;padding-left:52px;position:relative}.case-fact-icon{background:var(--orange);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.case-facts dt{color:#596475;margin:0 0 2px;font-size:14px;line-height:1.5}.case-facts dd{font-family:var(--font-display),Manrope,Arial,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:600;line-height:1.45}.case-project-links{gap:10px;margin:10px 0 25px;display:grid}.case-project-links a{background:var(--ink);color:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;transition:background .2s;display:flex}.case-project-links a:hover{background:#293f5c}.case-share{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:25px;font-size:16px;font-weight:600;display:flex}.case-share>span{margin-right:2px}.case-share a{width:31px;height:31px;color:var(--ink);background:#101d3210;border-radius:50%;place-items:center;transition:background .2s;display:grid}.case-share a:hover{background:var(--orange)}.case-contact-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px;overflow:hidden}.case-contact-inner{background:var(--cream);border-radius:8px;padding:30px 20px 0;overflow:hidden}.case-contact-inner h2{letter-spacing:-.045em;margin:0 0 12px;font-size:64px;font-weight:600;line-height:1.1}.case-contact-inner>p{color:var(--muted);margin:0 0 22px;font-size:17px;line-height:1.5}.case-phone{border:2px solid var(--orange);border-radius:50px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-size:16px;font-weight:600;line-height:1.4;display:inline-flex}.case-phone svg{flex-shrink:0}.case-contact-image{aspect-ratio:1;border-radius:50% 50% 0 0;margin:28px -20px 0;position:relative;overflow:hidden}.case-contact-image img{object-fit:cover}.case-contact-link{justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:15px;font-weight:600;display:flex}body:has(.case-lightbox[open]){overflow:hidden}.case-lightbox{color:#fff;background:#101d32f5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:75px 65px;position:fixed;inset:0;overflow:hidden}.case-lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101d32cc}.case-lightbox-toolbar{justify-content:space-between;align-items:center;font-size:15px;display:flex;position:absolute;inset:15px 20px auto}.case-lightbox-image{width:100%;height:100%;position:relative}.case-lightbox-image img{object-fit:contain}.case-lightbox button{color:#fff;cursor:pointer;background:#ffffff12;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.case-lightbox button:hover{background:var(--orange);color:var(--ink)}.case-lightbox button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.case-lightbox-previous,.case-lightbox-next{position:absolute;top:50%;transform:translateY(-50%)}.case-lightbox-previous{left:12px}.case-lightbox-next{right:12px}@media (max-width:1199px){.case-container{width:calc(100% - 60px)}.case-layout{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:35px}.case-hero{padding:135px 0 120px}.case-info-card{padding:25px}.case-introduction h2{font-size:40px}.case-contact-inner{padding:25px 15px 0}.case-contact-inner h2{font-size:54px}.case-phone{padding:8px 10px;font-size:14px}}@media (max-width:1023px){.case-container{width:calc(100% - 30px)}.case-hero{padding:85px 15px 80px}.case-content{padding:70px 0}.case-layout{grid-template-columns:minmax(0,1fr);gap:45px}.case-info-card{padding:30px}.case-contact-card{max-width:500px}.case-contact-inner h2{font-size:64px}.case-phone{font-size:16px}.case-features{gap:16px 25px}.case-sidebar{gap:30px}}@media (max-width:600px){.case-hero{margin:15px;padding:60px 0 65px}.case-hero .case-container{width:calc(100% - 30px)}.case-hero h1{letter-spacing:-.04em;font-size:40px;line-height:1.2}.case-breadcrumb{gap:7px 9px;margin-top:25px;padding:8px 12px;font-size:15px}.case-content{padding:70px 0}.case-introduction h2{font-size:30px;line-height:1.17}.case-story p{font-size:17px;line-height:1.65}.case-story-section h3{margin-bottom:20px;font-size:25px;line-height:1.3}.case-features{grid-template-columns:1fr;gap:15px}.case-features li{font-size:16px}.case-story-section{margin-top:35px}.case-project-navigation{gap:8px;min-height:88px;margin-top:30px;padding:18px 15px}.case-project-navigation a{gap:7px;font-size:14px}.case-nav-arrow{width:40px;height:40px}.case-all-projects{padding:0}.case-info-card{padding:25px 20px}.case-info-card h2{font-size:24px}.case-facts{gap:25px}.case-contact-card{padding:20px 15px}.case-contact-inner h2{font-size:clamp(44px,13.85vw,54px)}.case-phone{font-size:15px}.case-lightbox{padding:75px 45px}.case-lightbox button{width:36px;height:36px}.case-lightbox-previous{left:5px}.case-lightbox-next{right:5px}.case-image-zoom{opacity:1;width:34px;height:34px;bottom:12px;right:12px;transform:none}}@media (prefers-reduced-motion:reduce){.case-cover img,.case-gallery-image img{transition:none}.case-cover:hover img,.case-gallery-image:hover img{transform:none}}
