:root{--black:#050505;--white:#fafafa;--gray:#888;--font-main:"Outfit", sans-serif;--spacing-sm:1rem;--spacing-md:2.5rem;--spacing-lg:5rem;--spacing-xl:10rem;--transition-fast:.3s cubic-bezier(.25, 1, .5, 1);--transition-slow:.8s cubic-bezier(.16, 1, .3, 1)}::selection{background-color:var(--white);color:var(--black)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--black);color:var(--white);scroll-behavior:initial;font-size:16px}body{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;line-height:1.4;overflow-x:hidden}a{color:inherit;cursor:none;text-decoration:none}button{cursor:none;background:0 0;border:none;font-family:inherit}.custom-cursor{background-color:var(--white);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:0;width:15px;height:15px;transition:width .3s,height .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor-follower{pointer-events:none;z-index:9998;mix-blend-mode:difference;border:1px solid #ffffff80;border-radius:0;width:40px;height:40px;transition:width .3s,height .3s,border-color .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.hovering{background-color:var(--white);mix-blend-mode:difference;width:120px;height:40px}.custom-cursor-follower.hovering{border-color:#0000;width:0;height:0}.preloader{background-color:var(--black);z-index:10000;width:100vw;height:100vh;color:var(--white);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.preloader-logo-wrapper{background-color:#fff3;width:150px;height:150px;margin-bottom:10vh;position:relative;-webkit-mask-image:url(/KBS%20Strategies%20Logo%20-%20Mark%20White.png);mask-image:url(/KBS%20Strategies%20Logo%20-%20Mark%20White.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.preloader-logo-mask{display:none}.logo-fill{background-color:var(--white);width:100%;height:0%;transition:height .1s linear;position:absolute;bottom:0;left:0}.preloader-ruler{flex-direction:column;width:90%;display:flex;position:absolute;bottom:10%;left:5%}.ruler-progress{align-self:flex-start;margin-bottom:-10px;font-size:clamp(3rem,6vw,6rem);font-weight:800;line-height:1}.ruler-line{background-color:#ffffff4d;width:100%;height:2px}.morse-intro{background-color:var(--black);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.morse-line{align-items:center;gap:0;display:flex}.morse-text{letter-spacing:.15em;color:var(--white);white-space:pre;font-family:Courier New,monospace;font-size:clamp(3rem,6vw,7rem);font-weight:400}.morse-cursor{color:var(--white);font-family:Courier New,monospace;font-size:clamp(3rem,6vw,7rem);font-weight:400;animation:.6s step-end infinite morse-blink}@keyframes morse-blink{0%,to{opacity:1}50%{opacity:0}}.reveal-text{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.reveal-text span{opacity:0;display:block;transform:translateY(100%)}.fade-up{opacity:0;transform:translateY(30px)}.huge-statement{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(3rem,6vw,6rem);font-weight:800;line-height:1.1}.section-title{text-transform:uppercase;font-size:clamp(2rem,4vw,4rem);font-weight:800}.large-text{font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:400}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 5%}.section{padding:var(--spacing-xl) 0}.light-section{background-color:var(--white);color:var(--black)}.mt-spacing{margin-top:var(--spacing-md)}.mt-huge{margin-top:var(--spacing-xl)}.mb-large{margin-bottom:var(--spacing-lg)}.max-w-lg{max-width:800px}.nav{width:100%;padding:var(--spacing-md) 0;z-index:1000;transition:all var(--transition-fast);mix-blend-mode:difference;color:var(--white);border-radius:0;position:fixed;top:0;left:50%;transform:translate(-50%)}.nav.scrolled{background:var(--black);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mix-blend-mode:normal;width:max-content;margin-top:var(--spacing-sm);border:1px solid #ffffff26;border-radius:100px;padding:.75rem 3rem}.nav.scrolled .nav-container{padding:0}.nav-container{justify-content:space-between;align-items:center;gap:2.5rem;max-width:1600px;margin:0 auto;padding:0 5%;display:flex}.nav-logo{width:250px;height:40px;transition:all var(--transition-fast);flex-shrink:0;align-items:center;display:flex}.nav-logo .logo-white{object-fit:contain;object-position:left center;filter:invert();width:100%;height:auto;transition:all var(--transition-fast)}.nav-logo .logo-mark{filter:none;display:none}.nav.scrolled .nav-logo{width:36px;height:36px}.nav.scrolled .nav-logo .logo-full{display:none}.nav.scrolled .nav-logo .logo-mark{object-fit:contain;filter:none;width:100%;height:100%;display:block}.nav-links{gap:var(--spacing-md);align-items:center;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;position:relative}.nav-links a:after{content:"";width:0;height:1px;transition:width var(--transition-fast);background-color:currentColor;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-cta{border:1px solid;border-radius:50px;padding:.5rem 1.5rem}.nav-cta:after{display:none}.nav-cta:hover,.nav.scrolled .nav-cta:hover{background-color:var(--white);color:var(--black)}.mobile-menu-btn{color:currentColor;display:none}.hero{background-color:var(--black);align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;justify-content:center;align-items:center;width:50%;height:85vh;display:flex;position:absolute;top:8vh;left:50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 90%);mask-image:radial-gradient(circle,#000 20%,#0000 90%)}#hero-canvas{width:100%;height:100%}.hero-content{z-index:1;width:100%;position:relative}.hero-title{text-transform:uppercase;letter-spacing:-.03em;margin-bottom:var(--spacing-md);max-width:1200px;margin-left:0;padding-left:0;font-size:clamp(2rem,4vw,4.5rem);font-weight:800;line-height:.9}.hero-title span{background:linear-gradient(90deg, var(--white) 0%, var(--white) 40%, var(--gray) 50%, var(--white) 60%, var(--white) 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}@keyframes shimmer{to{background-position:200%}}.hero-subtitle{max-width:600px;color:var(--gray);margin-left:0;padding-left:0;font-size:clamp(1.25rem,2vw,1.5rem)}.hero-scroll-indicator{align-items:center;gap:1rem;margin-top:3rem;margin-left:0;padding-left:0;display:flex}.scroll-text{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600}.scroll-line{background-color:#fff3;width:50px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background-color:var(--gray);width:100%;height:100%;animation:2s ease-in-out infinite scrollLine;position:absolute;top:0;left:-100%}@keyframes scrollLine{0%{left:-100%}50%{left:100%}to{left:100%}}.intro{z-index:1;background-color:var(--black);color:var(--black);position:relative}.values-reveal{background-color:var(--black);color:var(--white);z-index:1;padding:8rem 0;position:relative}.values-container{text-align:center;flex-direction:column;align-items:center;display:flex}.values-title{text-transform:uppercase;letter-spacing:.05em;color:var(--gray);margin-bottom:4rem;font-size:clamp(1.2rem,2vw,2rem);font-weight:600;line-height:1.4}.values-title-line{transition:color .4s,transform .4s,letter-spacing .4s;display:block}.values-title-line:hover{color:var(--white);letter-spacing:.15em}.intro-bg-sweep{z-index:-1;background-color:#dadada;width:0%;height:100%;position:absolute;top:0;left:0}.intro-header{margin-bottom:var(--spacing-md);text-align:center;flex-direction:column;align-items:center;display:flex}.intro-title{text-transform:uppercase;margin-bottom:2rem;font-size:clamp(2rem,3vw,4rem);font-weight:800;line-height:1}.scroll-hero-section{width:100vw;height:450vh;margin-top:10vh;margin-left:calc(50% - 50vw);position:relative}.scroll-hero-sticky{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:sticky;top:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.scroll-hero-clip{clip-path:inset(25% 30%);background-color:var(--black);width:100%;height:100%;position:relative}.hero-stage{opacity:0;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.hero-stage.active{opacity:1;visibility:visible}.hero-stage-img{width:100%;height:100%;position:absolute;inset:0}.hero-stage-img img{object-fit:cover;width:100%;height:100%;transform:scale(1.1)}.hero-stage-overlay{z-index:1;background:radial-gradient(circle,#0003 0%,#000c 100%);position:absolute;inset:0}.hero-stage-content{z-index:2;text-align:center;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.hero-stage-content .reveal-line-container{text-transform:uppercase;color:var(--white);opacity:0;padding:2rem 4rem;font-size:clamp(1.5rem,4vw,3.5rem);font-weight:800;transform:translateY(30px)}.reveal-line-container{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.corner{opacity:0;width:24px;height:24px;transition:all .5s var(--transition-base);position:absolute}.corner-tl{border-top:2px solid var(--white);border-left:2px solid var(--white);top:0;left:0}.corner-tr{border-top:2px solid var(--white);border-right:2px solid var(--white);top:0;right:0}.corner-bl{border-bottom:2px solid var(--white);border-left:2px solid var(--white);bottom:0;left:0}.corner-br{border-bottom:2px solid var(--white);border-right:2px solid var(--white);bottom:0;right:0}.reveal-line-container:hover .corner{opacity:1}.reveal-text-base{opacity:1;transition:opacity .3s;display:block}.reveal-text-hover{opacity:0;white-space:nowrap;transition:opacity .3s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-line-container.hovered .reveal-text-base{opacity:0}.reveal-line-container.hovered .reveal-text-hover{opacity:1}.intro-subtitle{max-width:600px;font-size:clamp(1rem,1.5vw,1.5rem)}.intro-cards-container{border-top:1px solid #0003;border-bottom:1px solid #0003;width:100vw;height:60vh;margin-left:calc(50% - 50vw);display:flex}.intro-card{transition:flex var(--transition-slow);cursor:none;border-right:1px solid #0003;flex-direction:column;flex:1;justify-content:flex-end;padding:2rem;display:flex;position:relative;overflow:hidden}.intro-card:last-child{border-right:none}.intro-card:hover{flex:2.5}.intro-card h3{z-index:2;text-transform:uppercase;font-size:clamp(1.2rem,1.5vw,2rem);font-weight:800;position:absolute;top:2rem;left:2rem}.card-visual{opacity:.3;width:200px;height:200px;transition:all var(--transition-slow);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-visual-bold{border:4px solid var(--black)}.card-visual-strategic{border:4px dashed var(--black);border-radius:50%}.card-visual-forward{border:4px dotted var(--black);transform:translate(-50%,-50%)rotate(45deg)}.card-visual-impactful{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#0000004d 10px 20px)}.intro-card:hover .card-visual{opacity:1;scale:1.2}.intro-card p{opacity:0;transition:all var(--transition-slow);z-index:2;max-width:300px;font-size:1rem;font-weight:600;transform:translateY(20px)}.intro-card:hover p{opacity:1;transform:translateY(0)}.values-heading{text-transform:uppercase;color:var(--gray);font-size:clamp(2rem,5vw,5rem);font-weight:800;line-height:1.1}.values-heading .highlight{color:var(--black)}.inner-circle{padding-top:var(--spacing-md);border-top:1px solid #fff3}.inner-title{margin:var(--spacing-sm) 0;font-size:clamp(1.5rem,3vw,3rem);font-weight:800}.strategy-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:end;display:grid}.strategy-desc{font-size:clamp(1.25rem,2vw,2rem)}.cta-link{margin-top:var(--spacing-md);transition:gap var(--transition-fast);border-bottom:2px solid;align-items:center;gap:.5rem;padding-bottom:.25rem;font-size:1.25rem;font-weight:600;display:inline-flex}.cta-link:hover{gap:1rem}.work-gallery{flex-direction:column;gap:.75rem;width:100vw;min-height:calc(33.3333vw - .5rem);margin-left:calc(50% - 50vw);padding:0;display:flex}.work-row{gap:.75rem;height:calc(16.6667vw - .625rem);display:flex}.work-card{cursor:pointer;will-change:flex;backface-visibility:hidden;border-radius:12px;flex:2;min-width:0;transition:flex .45s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateZ(0)}.work-card:after{content:"";pointer-events:none;z-index:1;background:#00000080;transition:background .4s;position:absolute;inset:0}.work-card:hover:after{background:0 0}.work-row:hover .work-card{flex:1}.work-row .work-card:hover{flex:6}.work-card img{object-fit:cover;will-change:transform;width:100%;height:100%;display:block;transform:translateZ(0)}.work-card-overlay{opacity:0;z-index:2;background:linear-gradient(#0000 0%,#000000b3 100%);align-items:flex-end;height:50%;padding:1.25rem;transition:opacity .35s;display:flex;position:absolute;bottom:0;left:0;right:0}.work-card:hover .work-card-overlay{opacity:1}.work-card-label{color:var(--white);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:.85rem;font-weight:600}.footer-sequence{width:100vw;height:300vh;margin-top:10vh;margin-left:calc(50% - 50vw);position:relative}.footer-sticky{width:100vw;height:100vh;position:sticky;top:0;overflow:hidden}.footer-canvas{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.footer-overlay{z-index:1;background:linear-gradient(#0000,#0003 40%,#000c);position:absolute;inset:0}.footer-content-layer{z-index:2;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.footer-center{text-align:left;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:2.5rem;padding-top:35vh;display:flex}.footer-heading{color:var(--white);mix-blend-mode:difference;margin-bottom:0;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1}.cta-button{background-color:var(--white);color:var(--black);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;justify-content:flex-start;align-items:center;padding:1.25rem 4rem 1.25rem 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.cta-button .btn-text{z-index:2;transition:opacity .5s}.cta-button .btn-icon-wrapper{z-index:1;background-color:#0000001a;border-radius:2px;justify-content:center;align-items:center;width:3rem;transition:width .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:4px;bottom:4px;right:4px}.cta-button:hover .btn-text{opacity:0}.cta-button:hover .btn-icon-wrapper{background-color:var(--black);width:calc(100% - 8px);color:var(--white)}.cta-button:active{transform:scale(.98)}.cta-button svg{width:20px;height:20px}.footer-bottom-row{grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:3rem;display:grid}.footer-col{color:#ccc;flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.footer-label{color:var(--white);margin-bottom:.5rem;font-size:.85rem;font-weight:800}.footer-col a{transition:color var(--transition-fast);display:block}.footer-col a:hover{color:var(--white)}.legal-links{gap:1rem;display:flex}.copyright{opacity:.5;margin-top:1rem}@media (width<=1024px){.intro-grid,.strategy-grid,.footer-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:block}.custom-cursor,.custom-cursor-follower{display:none}body{cursor:auto}a,button{cursor:pointer}.footer-center{text-align:center;flex-direction:column;gap:1.5rem;padding-top:0}.footer-heading{font-size:clamp(2rem,8vw,2.5rem)}}.services-sticky-container{flex-direction:column;display:flex;position:relative}.service-sticky-card{background-color:var(--white);min-height:400px;color:var(--black);border:1px solid #0000000d;border-radius:0 4px 4px;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:30px;padding:3rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:grid;position:sticky;top:150px;box-shadow:0 -2px 20px #00000008}.ssc-top-left{width:16.6667%;top:-46px;left:calc((var(--index) - 1) * (100% / 6));background-color:var(--white);border:1px solid #0000000d;border-bottom:2px solid var(--white);z-index:2;white-space:nowrap;border-radius:8px 8px 0 0;justify-content:center;align-items:center;height:48px;padding:0 .5rem;font-family:Inter,sans-serif;display:flex;position:absolute;overflow:hidden;box-shadow:0 -4px 10px #00000005}.ssc-tag{opacity:.6;font-size:clamp(.7rem,1vw,.85rem);font-weight:700}.ssc-tag:after{content:" — ";opacity:.5;margin:0 .3rem;font-weight:400}.ssc-category{text-transform:uppercase;letter-spacing:.05em;color:var(--black);text-overflow:ellipsis;font-size:clamp(.65rem,.9vw,.8rem);font-weight:600;overflow:hidden}.ssc-main-title{flex-direction:column;display:flex}.ssc-heading{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;line-height:1.1}.ssc-desc{opacity:.8;max-width:90%;font-size:1.1rem;line-height:1.6}.ssc-list-col{flex-direction:column;gap:1.5rem;display:flex}.ssc-list-group h4{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #0000001a;margin-bottom:.75rem;padding-bottom:.25rem;font-size:.85rem;font-weight:700}.ssc-list-group ul{margin:0;padding:0;list-style:none}.ssc-list-group li{opacity:.9;padding:.35rem 0 .35rem 1rem;font-size:.95rem;position:relative}.ssc-list-group li:before{content:"—";opacity:.5;position:absolute;top:.35rem;left:0}.ssc-media-cta{flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex}.ssc-media-placeholder{background:#00000008;border-radius:2px;flex:1;width:100%;margin-bottom:1.5rem}.ssc-btn{background:var(--white);color:var(--black);border:1px solid var(--black);text-transform:uppercase;letter-spacing:.1em;z-index:1;border-radius:2px;justify-content:center;align-items:center;width:100%;padding:1rem 2rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.ssc-btn:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#ff416c,#ff4b2b);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;inset:0;transform:translateY(100%)}.ssc-btn:hover{color:var(--white);border-color:#0000}.ssc-btn:hover:before{opacity:1;transform:translateY(0)}@media (width<=991px){.service-sticky-card{border-radius:4px;grid-template-columns:1fr;gap:1.5rem;padding:2rem}.ssc-top-left{height:auto;box-shadow:none;background:0 0;border:none;border-bottom:1px solid #0000001a;border-radius:0;margin-bottom:1rem;padding:0 0 1rem;position:static}.ssc-desc{max-width:100%}.ssc-media-placeholder{display:none}}