@import"https://fonts.googleapis.com/css2?family=Pangolin&display=swap";.App{min-height:100vh;display:flex;flex-direction:column}@font-face{font-family:PP Pangram Sans;src:url(https://cdn.jsdelivr.net/gh/pangram-pangram/pangram-sans@main/fonts/webfonts/PPPangramSans-Thin.woff2) format("woff2");font-weight:100;font-style:normal}.navbar{position:fixed;top:0;left:0;right:0;border-bottom:1px solid #ccc;background-color:transparent;z-index:1000;transition:transform .3s ease-in-out}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar-content{width:min(50%,800px);display:flex;align-items:stretch;border-right:1px solid #ccc;position:relative;justify-content:space-between;margin-left:2.5rem}.navbar-content:after{content:"";position:absolute;top:-100vh;right:0;width:1px;height:100vh;background-color:#ccc}.nav-item{display:flex;align-items:center;gap:.5rem;padding:1.25rem 4rem 1.25rem 1rem;font-family:PP Pangram Sans,sans-serif;font-weight:400;color:#fff;position:relative;flex:1;justify-content:flex-start;font-size:1.2rem;text-transform:uppercase;text-decoration:none}.nav-item:hover,.nav-item:focus,.nav-item:active{text-decoration:none}.white-ball{width:8px;height:8px;border-radius:50%;background-color:#fff;flex-shrink:0}.nav-divider{width:1px;background-color:#ccc;position:relative;align-self:stretch}.nav-divider:before{content:"";position:absolute;bottom:100%;left:0;width:1px;height:100vh;background-color:#ccc}@media (max-width: 1024px){.navbar-content{width:min(60%,700px);margin-left:2rem}}@media (max-width: 768px){.navbar-content{width:min(70%,600px);margin-left:1rem}.nav-item{padding:1rem 2rem 1rem .5rem;font-size:1rem}.white-ball{width:6px;height:6px}}@media (max-width: 480px){.navbar-content{width:min(85%,500px);margin-left:.5rem}.nav-item{padding:.75rem 1rem .75rem .25rem;font-size:.9rem}.white-ball{width:5px;height:5px}}.home{position:relative;padding-top:80px}.home-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.home-hero{width:100%;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);position:relative;z-index:2;pointer-events:none}.home-hero:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:100vw;height:1px;background:#fff;pointer-events:none}.home-title{font-family:Pangram,sans-serif;font-weight:600;line-height:1;letter-spacing:-.02em;width:100%;margin:0 0 var(--spacing-md) 0;text-transform:uppercase;pointer-events:none;white-space:nowrap;font-size:clamp(2.5rem,10vw,12rem)}.home-subtitle{font-size:clamp(.875rem,1.5vw,1.125rem);line-height:1.5;color:#ffffffb3;font-weight:300;margin:0;max-width:600px;padding-top:2rem;text-transform:lowercase;pointer-events:none}.home-description{font-size:clamp(1.25rem,3vw,2rem);font-weight:300;line-height:1.4;margin-bottom:var(--spacing-sm);color:#fffc}.home-location{font-size:clamp(1rem,2vw,1.25rem);font-weight:300;color:#fff9}.selected-works{padding:calc(var(--spacing-xl) * 2) var(--spacing-md);position:relative;z-index:2;pointer-events:none}.selected-works-heading{font-family:Pangram,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;text-transform:uppercase;margin-bottom:calc(var(--spacing-xl) * 2);letter-spacing:-.02em}.work-item{margin-bottom:calc(var(--spacing-xl) * 2.5);display:flex;flex-direction:column;gap:var(--spacing-lg);text-decoration:none;color:inherit;cursor:pointer;transition:opacity .3s ease;pointer-events:auto}.work-item:hover{opacity:.8}.work-image{width:100%;overflow:hidden;border-radius:8px}.work-image img,.work-image video{width:100%;height:auto;display:block;transition:transform .3s ease}.work-item:hover .work-image img,.work-item:hover .work-image video{transform:scale(1.02)}.work-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.work-title{font-family:Pangram,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;margin:0;text-transform:uppercase;letter-spacing:-.01em}.work-description{font-size:clamp(1.25rem,2.5vw,1.75rem);color:#ffffffb3;margin:0;line-height:1.5}@media (min-width: 768px){.home{padding-top:var(--spacing-xl);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.home-title{margin-top:40px}.selected-works{padding:var(--spacing-xl) var(--spacing-lg)}.work-item{flex-direction:row;gap:var(--spacing-lg)}.work-image{flex:1}.work-info{flex:.6;justify-content:center}.work-item-reverse{flex-direction:row-reverse}}@media (max-width: 767px){.home-hero{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-lg) var(--spacing-md)}.home-title{font-size:clamp(1.75rem,12vw,3.5rem);letter-spacing:-.015em}.home-subtitle{max-width:none;padding-top:1rem}.selected-works{padding:var(--spacing-xl) var(--spacing-sm)}.work-item{gap:var(--spacing-md)}.work-title{font-size:clamp(1.25rem,6vw,1.75rem)}.work-description{font-size:clamp(.9rem,4vw,1.1rem)}}@media (max-width: 400px){.home-background{pointer-events:none;touch-action:pan-y}}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}.footer{position:relative;border-top:1px solid #ccc;background-color:transparent;z-index:1000;margin-top:var(--spacing-xl)}.footer-content{display:flex;align-items:stretch;min-height:80px}.footer-section{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.5rem;padding:1.25rem 2rem;flex:1;font-family:PP Pangram Sans,sans-serif;font-weight:400;color:#fff}.footer-section h3{font-size:1rem;font-weight:400;text-transform:uppercase;margin:0;color:#fff}.footer-section a{color:#fff;text-decoration:none;font-size:.9rem;text-transform:uppercase;transition:opacity .2s ease}.footer-section a:hover{opacity:.7}.contact-link{font-size:1rem!important;font-weight:400!important;text-transform:uppercase!important;color:#fff!important;text-decoration:none!important;transition:opacity .2s ease!important}.contact-link:hover{opacity:.7!important}.social-link{font-size:.9rem!important;font-weight:400!important;text-transform:uppercase!important;color:#fff!important;text-decoration:none!important;transition:opacity .2s ease!important}.social-link:hover{opacity:.7!important}.footer-divider{width:1px;background-color:#ccc;align-self:stretch}@media (max-width: 768px){.footer-content{flex-direction:column}.footer-divider{width:100%;height:1px}.footer-section{padding:1rem 1.5rem}}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{position:absolute;left:50%;z-index:10;width:60px;height:60px;display:grid;place-items:center;background:#5227ff;border:none;border-radius:50%;cursor:pointer;border:5px solid #000}.face-title{-webkit-user-select:none;user-select:none;position:absolute;font-weight:900;font-size:4rem;left:1.6em;top:50%;line-height:1.1}.face-title div{display:block}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#fff;top:2px;font-size:26px}.face-title{position:absolute;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;transform:translate(20%,-50%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.face-description{-webkit-user-select:none;user-select:none;position:absolute;max-width:10ch;top:50%;font-size:1.5rem;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translate(-60%,-50%);opacity:0;transition:.1s ease}.action-button{position:absolute;left:50%}.action-button.active{bottom:3.8em;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}@media (max-width: 1500px){.face-title,.face-description{display:none}}.explore-container{height:100vh;width:100vw;position:relative}.about-container{min-height:100vh;width:100%;display:flex;justify-content:center;padding:80px 20px 60px;box-sizing:border-box}.about-wrapper{width:100%;max-width:1400px;margin:0 auto}.about-title-wrapper{width:100%;margin:0 0 60px}.about-title{font-family:Pangram,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-.02em;line-height:1;white-space:nowrap;width:100%;font-size:clamp(3rem,8vw,8rem)}.about-content{display:grid;grid-template-columns:400px 1fr;gap:80px;align-items:center;width:100%}.about-image-section{width:100%}.about-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center;border-radius:12px;display:block}.about-text-section{display:flex;flex-direction:column;gap:24px;align-items:flex-start;text-align:left}.about-paragraph{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7;margin:0;color:inherit;text-align:left!important}@media (max-width: 1199px){.about-container{padding:100px 40px 60px}.about-content{grid-template-columns:350px 1fr;gap:60px}}@media (max-width: 768px){.about-container{padding:100px 24px 40px}.about-title-wrapper{margin:0 0 40px}.about-title{white-space:normal;font-size:clamp(2rem,10vw,3.25rem)}.about-content{grid-template-columns:1fr;gap:40px;justify-items:center}.about-image-section{display:flex;justify-content:center;align-items:center;width:100%}.about-image{width:100%;max-width:420px;border-radius:12px;object-fit:cover;margin-inline:auto;margin-left:auto;margin-right:auto}.about-text-section{gap:20px;text-align:left;width:100%;padding-left:8px;padding-right:8px}}@media (max-width: 549px){.about-container{padding:90px 20px 30px}.about-title-wrapper{margin:0 0 30px}.about-title{font-size:clamp(1.75rem,11vw,2.75rem)}.about-content{gap:30px}.about-paragraph{line-height:1.6}}.case-study{min-height:100vh;padding-top:120px;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.case-study-hero{margin-bottom:var(--spacing-xl)}.case-study-hero h1,.case-study-title{font-family:Pangram,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:600;text-transform:uppercase;margin:0 0 var(--spacing-md) 0;letter-spacing:-.02em}.case-study-subtitle{font-size:clamp(1.25rem,2.5vw,2rem);color:#ffffffb3;margin:0}.case-study-meta-row{display:flex;gap:3rem;align-items:flex-start;margin-top:2rem}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-size:.875rem;font-weight:600;letter-spacing:.1em;color:#fff9}.meta-value{font-size:1rem;color:#ffffffe6}.case-study-content{width:100%;max-width:100%;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.case-study-content p{margin-bottom:var(--spacing-md)}.images-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;margin-top:2rem;align-items:flex-start;justify-content:center;width:100%}.image-container{width:45%;flex-shrink:0}.image-container img{width:100%;height:auto;display:block;border-radius:8px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem 6rem;margin-top:4rem;padding:0 2rem}.overview-item{display:flex;flex-direction:column;gap:1rem}.section-title{font-family:Pangram,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.05em;margin:0;color:#ffffffe6}.section-text{font-size:1rem;line-height:1.6;color:#fffc;margin:0}.section-text strong{color:#fff;font-weight:600}.pill-nav-wrapper{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:1000;padding:1rem}.pill-nav-wrapper .pill-nav-container{position:static}.case-study-section{margin-top:6rem;margin-bottom:6rem}.section-content-row{display:flex;gap:3rem;align-items:center;margin-top:2rem}.section-image{flex:1;min-width:0}.section-image img{width:100%;height:auto;border-radius:8px;display:block}.section-text-content{flex:1;min-width:0}@media (max-width: 768px){.pill-nav-wrapper{display:none}.case-study-section{margin-top:4rem;margin-bottom:4rem}.section-content-row{flex-direction:column;gap:2rem}.images-row{flex-direction:column;align-items:center;gap:1.25rem}.image-container{width:100%}.overview-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.case-study{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.case-study-subtitle{font-size:clamp(1rem,3.5vw,1.125rem)}}.pill-nav-container{position:absolute;top:1em;z-index:99}@media (max-width: 768px){.pill-nav-container{width:100%;left:0}}.pill-nav{--nav-h: 42px;--logo: 36px;--pill-pad-x: 18px;--pill-gap: 3px;width:max-content;display:flex;align-items:center;box-sizing:border-box}@media (max-width: 768px){.pill-nav{width:100%;justify-content:space-between;padding:0 1rem;background:transparent}}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base, #000);border-radius:9999px}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #000);padding:8px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.pill-logo img{width:100%;height:100%;object-fit:cover;display:block}.pill-logo .logo-text{color:var(--pill-bg, #fff);font-weight:600;font-size:14px;text-transform:lowercase;letter-spacing:0}.pill-list{list-style:none;display:flex;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg, #fff);color:var(--pill-text, var(--base, #000));text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:600;font-size:16px;line-height:0;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base, #000);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text, #fff);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active:after{display:none}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #000);border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative}@media (max-width: 768px){.mobile-menu-button{display:flex}}.hamburger-line{width:16px;height:2px;background:var(--pill-bg, #fff);border-radius:1px;transition:all .01s ease;transform-origin:center}.mobile-menu-popover{position:absolute;top:3em;left:1rem;right:1rem;background:var(--base, #f0f0f0);border-radius:27px;box-shadow:0 8px 32px #0000001f;z-index:998;opacity:0;transform-origin:top center;visibility:hidden}.mobile-menu-list{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:3px}.mobile-menu-popover .mobile-menu-link{display:block;padding:12px 16px;color:var(--pill-text, #fff);background-color:var(--pill-bg, #fff);text-decoration:none;font-size:16px;font-weight:500;border-radius:50px;transition:all .2s ease}.mobile-menu-popover .mobile-menu-link:hover{cursor:pointer;background-color:var(--base);color:var(--hover-text, #fff)}.metaballs-container{position:relative;width:100%;height:100%}.bha{padding-top:80px;color:var(--color-text);line-height:1.6}.bha-hero{padding:var(--spacing-xl) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:var(--spacing-xl)}.bha-hero-content{max-width:1200px;margin:0 auto}.bha-title{font-family:Pangram,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1.1;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:-.02em}.bha-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:1.125rem;font-weight:500}.bha-hero-image{max-width:1200px;margin:0 auto}.hero-image-placeholder{width:100%;height:400px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:1.125rem;text-align:center}.bha-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.bha-section{margin-bottom:calc(var(--spacing-xl) * 2)}.section-title{font-family:Pangram,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:-.01em}.section-text{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:var(--spacing-md);color:#fffc}.challenge-text{font-style:italic;color:#ffffffe6}.subsection-title{font-family:Pangram,sans-serif;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg);text-transform:uppercase;letter-spacing:-.01em}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:calc(var(--spacing-xl) * 2) 0}.step{text-align:center;padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d}.step-number{font-family:Pangram,sans-serif;font-size:3rem;font-weight:600;margin-bottom:var(--spacing-sm);color:#ffffffe6}.step-title{font-family:Pangram,sans-serif;font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:-.01em}.insights-grid{display:grid;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.insight-item{padding:var(--spacing-lg);border-left:3px solid rgba(255,255,255,.3);background:#ffffff0d;border-radius:0 8px 8px 0}.insight-title{font-family:Pangram,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:-.01em}.insight-text{font-size:1rem;line-height:1.6;color:#fffc}.pain-points{display:grid;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.pain-point{padding:var(--spacing-lg);background:#ff64641a;border:1px solid rgba(255,100,100,.2);border-radius:8px}.pain-point-title{font-family:Pangram,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:#ff9696;text-transform:uppercase;letter-spacing:-.01em}.pain-point-text{font-size:1rem;line-height:1.6;color:#fffc}.strategy-content,.design-content{margin:var(--spacing-lg) 0}.strategy-list,.design-list{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.strategy-list li,.design-list li{margin-bottom:var(--spacing-sm);font-size:1rem;line-height:1.6;color:#fffc}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.result-item{text-align:center;padding:var(--spacing-lg);background:#64ff641a;border:1px solid rgba(100,255,100,.2);border-radius:8px}.result-number{font-family:Pangram,sans-serif;font-size:2.5rem;font-weight:600;color:#96ff96;margin-bottom:var(--spacing-sm)}.result-label{font-size:1rem;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.learnings{margin:var(--spacing-lg) 0}.learning-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff0d;border-radius:8px;border-left:3px solid rgba(255,255,255,.3)}.learning-title{font-family:Pangram,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:-.01em}.learning-text{font-size:1rem;line-height:1.6;color:#fffc}.conclusion{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:400;color:#ffffffe6;margin-top:var(--spacing-lg)}.bha-navigation{padding:var(--spacing-xl) var(--spacing-md);border-top:1px solid rgba(255,255,255,.2);margin-top:calc(var(--spacing-xl) * 2)}.nav-link{display:inline-block;color:#fffc;text-decoration:none;font-size:1.125rem;transition:color .3s ease}.nav-link:hover{color:#fff}@media (min-width: 768px){.bha{padding-top:var(--spacing-xl)}.bha-hero{padding:calc(var(--spacing-xl) * 2) var(--spacing-lg)}.bha-content{padding:0 var(--spacing-lg)}.insights-grid,.pain-points{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bha-meta{flex-direction:row;gap:var(--spacing-xl)}}@media (min-width: 1024px){.bha-hero{padding:calc(var(--spacing-xl) * 3) var(--spacing-xl)}.bha-content{padding:0 var(--spacing-xl)}.process-steps{grid-template-columns:repeat(4,1fr)}.results-grid{grid-template-columns:repeat(3,1fr)}}.business-card-container{min-height:100vh;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.business-card-content{text-align:center;max-width:1200px;width:100%}.business-card-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.business-card-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cards-display{display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap}.card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;perspective:1000px}.business-card-image{width:300px;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000004d;transition:transform .3s ease;background:#fff;padding:1rem}.business-card-image:hover{transform:translateY(-10px) scale(1.05)}.card-label{margin-top:1rem;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.business-card-title{font-size:2rem}.business-card-description{font-size:1rem;margin-bottom:2rem}.cards-display{gap:2rem}.business-card-image{width:250px}}@media (max-width: 480px){.business-card-container{padding:1rem}.business-card-title{font-size:1.8rem}.cards-display{flex-direction:column;gap:1.5rem}.business-card-image{width:200px}}.ordra-container{min-height:100vh;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.ordra-content{text-align:center;max-width:1200px;width:100%}.ordra-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;margin-top:4rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ordra-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.ordra-screen{width:300px;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000004d;transition:transform .3s ease;background:#fff;padding:1rem}.ordra-screen:hover{transform:translateY(-10px) scale(1.05)}.screen-label{margin-top:1rem;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.ordra-title{font-size:2rem}.ordra-description{font-size:1rem;margin-bottom:2rem}.screens-display{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.ordra-screen{width:250px}}@media (max-width: 480px){.ordra-container{padding:1rem}.ordra-title{font-size:1.8rem}.screens-display{grid-template-columns:1fr;gap:1rem}.ordra-screen{width:200px}}.banking-app-container{min-height:100vh;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.banking-app-content{text-align:center;max-width:1200px;width:100%}.banking-app-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;margin-top:4rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banking-app-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.banking-app-screen{width:300px;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000004d;transition:transform .3s ease;background:#fff;padding:1rem}.banking-app-screen:hover{transform:translateY(-10px) scale(1.05)}@media (max-width: 768px){.banking-app-title{font-size:2rem}.banking-app-description{font-size:1rem;margin-bottom:2rem}.screens-display{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.banking-app-screen{width:250px}}@media (max-width: 480px){.banking-app-container{padding:1rem}.banking-app-title{font-size:1.8rem}.screens-display{grid-template-columns:1fr;gap:1rem}.banking-app-screen{width:200px}}.cast-container{min-height:100vh;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.cast-content{text-align:center;max-width:1200px;width:100%}.cast-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;margin-top:4rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cast-description{font-size:1.2rem;color:#ffffffe6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.screens-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;justify-items:center;max-width:1400px;margin:0 auto}.screen-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;perspective:1000px}.cast-screen{width:300px;height:auto;border-radius:12px;box-shadow:0 20px 40px #0000004d;transition:transform .3s ease;background:#fff;padding:1rem}.cast-screen:hover{transform:translateY(-10px) scale(1.05)}@media (max-width: 768px){.cast-title{font-size:2rem}.cast-description{font-size:1rem;margin-bottom:2rem}.screens-display{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.cast-screen{width:250px}}@media (max-width: 480px){.cast-container{padding:1rem}.cast-title{font-size:1.8rem}.screens-display{grid-template-columns:1fr;gap:1rem}.cast-screen{width:200px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--color-text: #fff;--color-bg: #171717;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-bg);line-height:1.6}#root{min-height:100vh}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-sm)}@media (min-width: 768px){.container{padding:0 var(--spacing-md)}}@media (min-width: 768px){:root{--font-size-2xl: 2.5rem;--font-size-3xl: 4rem}}