:root{--white:#fff;--kode-black:#111;--kode-red:#b3171c;--deep-red:#931216;--surface-dark:#141414;--surface-card:#1c1c1e;--surface-card-hover:#262629;--surface-light:#f8f8fa;--surface-light-card:#fff;--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--border-light:#00000014;--border-dark:#ffffff1f;--border-dark-subtle:#ffffff0f;--shadow-capsule:0 16px 40px -8px #00000059;--shadow-card:0 20px 48px -12px #0006;--shadow-glow-red:0 0 40px #b3171c40;--space-hero-top:clamp(100px, 11vh, 150px);--space-section:clamp(72px, 8vw, 130px);--space-lg:clamp(28px, 3.2vw, 56px);--space-md:clamp(18px, 2vw, 32px);--space-sm:14px;--space-xs:8px;--display-1:clamp(2.4rem, 1.8rem + 4.5vw, 6rem);--display-2:clamp(2rem, 1.5rem + 3.2vw, 4.4rem);--display-3:clamp(1.8rem, 1.3rem + 2.4vw, 3.4rem);--display-4:clamp(1.5rem, 1.1rem + 1.8vw, 2.6rem);--title-1:clamp(1.25rem, 1.1rem + .8vw, 1.85rem);--title-2:clamp(1.1rem, 1rem + .5vw, 1.45rem);--body-large:clamp(1.05rem, .95rem + .4vw, 1.35rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);background-color:var(--kode-black);color:var(--white);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--kode-black);min-height:100vh;line-height:1.6;overflow-x:hidden}::selection{background-color:var(--kode-red);color:var(--white)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--kode-red)}.container-fluid{width:100%;max-width:1360px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,3.5vw,56px);padding-right:clamp(20px,3.5vw,56px)}.header-fixed-root{z-index:80;pointer-events:none;position:sticky;top:0}.header-spacer{height:80px}.capsule-wrapper{pointer-events:auto;z-index:90;color:#fff;width:calc(100% - 2rem);max-width:520px;box-shadow:var(--shadow-capsule);background:#111;border:1px solid #ffffff24;border-radius:32px;transition:max-width .4s cubic-bezier(.16,1,.3,1),background-color .3s,color .3s,border-color .3s,box-shadow .3s;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%)}.capsule-wrapper.header-inverted:not(.is-expanded){color:#111;background:#fff;border-color:#0000001a;box-shadow:0 16px 36px #0000001f}.capsule-wrapper.is-expanded{color:#fff;background:#111;border-color:#ffffff29;max-width:min(1360px,100vw - 2rem);box-shadow:0 24px 60px #0009}.capsule-bar{justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 12px 0 22px;display:flex;position:relative}.capsule-menu-btn{color:inherit;font-family:var(--font-family);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 4px;font-size:.85rem;font-weight:600;transition:opacity .2s;display:inline-flex}.capsule-menu-btn:hover{opacity:.8}.capsule-brand-link{color:inherit;letter-spacing:-.03em;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.k-logo-svg{width:22px;height:22px;display:block}.capsule-cta-btn{background:var(--kode-red);color:var(--white);font-family:var(--font-family);cursor:pointer;border:none;border-radius:9999px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #b3171c4d}.capsule-wrapper.header-inverted:not(.is-expanded) .capsule-cta-btn{background:var(--kode-red);color:var(--white)}.capsule-cta-btn:hover{background:var(--deep-red);transform:translateY(-1px);box-shadow:0 6px 18px #b3171c73}.mega-menu-content{opacity:0;max-height:0;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .35s;overflow:hidden}.capsule-wrapper.is-expanded .mega-menu-content{opacity:1;max-height:calc(100vh - 120px);overflow-y:auto}.mega-menu-inner{flex-direction:column;gap:36px;padding:24px 32px 36px;display:flex}.mega-menu-eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#ffffff73;margin-bottom:20px;font-size:.75rem;font-weight:600}.mega-services-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.mega-service-item{color:#fff;border-radius:16px;align-items:flex-start;gap:16px;padding:12px;text-decoration:none;transition:background-color .2s;display:flex}.mega-service-item:hover{background:#ffffff0d}.mega-service-num{color:#fff6;font-variant-numeric:tabular-nums;margin-top:4px;font-size:.85rem;font-weight:600}.mega-service-title{align-items:center;gap:8px;font-size:1.15rem;font-weight:700;line-height:1.3;display:flex}.mega-service-title svg{opacity:0;color:var(--kode-red);transition:all .25s;transform:translate(-4px,4px)}.mega-service-item:hover .mega-service-title svg{opacity:1;transform:translate(0)}.mega-service-desc{color:#ffffff8c;margin-top:6px;font-size:.82rem;line-height:1.45;display:block}.mega-explore-row{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.mega-explore-link{color:#ffffffd9;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s}.mega-explore-link:hover{color:var(--white)}.mega-menu-footer-line{color:#ffffff80;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;font-size:.82rem;display:flex}.hero-section-root{color:#fff;width:100%;padding-top:var(--space-hero-top);padding-bottom:var(--space-section);text-align:center;background-color:#000;margin-top:-80px;position:relative;overflow:hidden}.hero-headline{font-size:var(--display-2);letter-spacing:-.035em;color:#fff;max-width:1100px;margin:0 auto;font-weight:800;line-height:1.15}.hero-word-line{margin-bottom:.15em;display:block}.hero-word{margin-right:.25em;animation:.8s cubic-bezier(.16,1,.3,1) forwards wordBlurIn;display:inline-block}.hero-word:last-child{margin-right:0}@keyframes wordBlurIn{0%{opacity:0;filter:blur(10px);transform:translateY(.45em)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-hl-wrapper{white-space:nowrap;padding:.05em .35em;display:inline-block;position:relative}.hero-hl-bg{background:var(--kode-red);transform-origin:0%;border-radius:12px;animation:.9s cubic-bezier(.16,1,.3,1) .6s forwards scaleHighlight;position:absolute;inset:.08em 0;transform:scaleX(0)}@keyframes scaleHighlight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-hl-text{color:#fff;z-index:2;position:relative}.hero-card-stack-wrap{perspective:1200px;place-items:center;height:300px;margin-top:56px;margin-bottom:24px;display:none;position:relative}@media (width>=1024px){.hero-card-stack-wrap{display:grid}}.hero-stack-card{aspect-ratio:4/3;transform-origin:bottom;cursor:pointer;background:0 0;border:none;grid-area:1/1;width:250px;padding:0;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s,z-index .45s;position:relative}.hero-stack-card:hover,.hero-stack-card.is-selected{filter:brightness(1.1);z-index:50!important;transform:translateY(-18px)scale(1.08)rotate(0)!important}.hero-stack-card:focus-visible,.hero-mobile-card:focus-visible{outline:2px solid var(--kode-red);outline-offset:5px}.hero-card-media{background:var(--surface-card);border:1px solid #ffffff1a;border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 48px -12px #0009}.hero-card-media video,.hero-card-media img,.hero-card-inner-canvas{object-fit:cover;width:100%;height:100%}.hero-card-media img{filter:grayscale();transition:filter .45s,transform .45s cubic-bezier(.16,1,.3,1);transform:scale(1.02)}.hero-stack-card:hover .hero-card-media img,.hero-stack-card.is-selected .hero-card-media img,.hero-mobile-card:hover .hero-card-media img,.hero-mobile-card.is-selected .hero-card-media img{filter:grayscale(0%);transform:scale(1.08)}.hero-card-overlay{z-index:2;text-align:left;background:linear-gradient(#000000b3,#0000 42%),linear-gradient(#0000 48%,#000000c7);flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:absolute;inset:0}.hero-card-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-card-topline span{color:#ffffffc2;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.hero-card-overlay p{color:#fff;font-size:1rem;font-weight:900;line-height:1.2}.hero-card-readmore{color:#fff;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:6px;margin-top:10px;font-size:.72rem;font-weight:800;display:inline-flex}.hero-card-detail-panel{text-align:left;background:#ffffff0b;border:1px solid #ffffff24;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:24px;max-width:860px;margin:0 auto;padding:22px 26px;display:grid}.hero-card-detail-panel span{color:var(--kode-red);text-transform:uppercase;letter-spacing:.16em;margin-bottom:4px;font-size:.75rem;font-weight:900;display:block}.hero-card-detail-panel h2{color:#fff;font-size:clamp(1.25rem,1.1rem + .7vw,1.85rem);font-weight:900;line-height:1.15}.hero-card-detail-panel p{color:#ffffffb8;margin-top:8px;font-size:.95rem;line-height:1.55}.hero-card-detail-panel button{white-space:nowrap;color:#fff;font-family:var(--font-family);cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:9999px;align-items:center;gap:8px;padding:11px 18px;font-size:.85rem;font-weight:800;transition:background .25s,color .25s;display:inline-flex}.hero-card-detail-panel button:hover{color:var(--kode-black);background:#fff}.hero-mobile-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;width:100%;margin-top:40px;margin-bottom:20px;padding:20px 24px 30px;display:flex;overflow:auto visible}@media (width>=1024px){.hero-mobile-carousel{display:none}}.hero-mobile-card{aspect-ratio:4/3;scroll-snap-align:center;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:270px;padding:0;position:relative}.hero-mobile-card.is-selected .hero-card-media{border-color:#b3171cb3}.hero-statement{max-width:840px;font-size:var(--body-large);color:#fffc;letter-spacing:-.02em;margin:28px auto 0;font-weight:500;line-height:1.5}@media (width<=820px){.hero-card-detail-panel{grid-template-columns:1fr;padding:20px}.hero-card-detail-panel button{justify-content:center}}.hero-scroll-btn{cursor:pointer;color:#fff;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:12px;margin-top:48px;display:inline-flex}.scroll-circle-ring{border:1.5px solid #fff6;border-radius:50%;place-items:center;width:60px;height:60px;transition:all .3s ease-out;display:grid}.hero-scroll-btn:hover .scroll-circle-ring{color:#111;background:#fff;border-color:#fff;transform:scale(1.08)}.scroll-text-track{letter-spacing:.35em;color:#fff;opacity:.7;font-size:11px;font-weight:700;display:flex}.stats-section-root{color:#fff;width:100%;padding:var(--space-section) 0;background-color:#000;position:relative;overflow:hidden}.stats-layout-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=1024px){.stats-layout-grid{grid-template-columns:1.1fr .9fr;align-items:center}}.stats-sphere-container{aspect-ratio:1;width:100%;max-width:560px;margin:0 auto;position:relative}.stats-sphere-container:before{content:"";filter:blur(4px);pointer-events:none;background:radial-gradient(circle,#b3171c14,#ffffff06 48%,#0000 70%);border-radius:50%;position:absolute;inset:8%}.stats-sphere-canvas{z-index:2;cursor:grab;width:100%;height:100%;display:block;position:relative}.stats-sphere-canvas:active{cursor:grabbing}.section-eyebrow-rule{margin-bottom:24px;padding-bottom:18px;position:relative}.section-eyebrow-text{text-transform:uppercase;letter-spacing:.3em;color:#ffffff8c;font-size:13px;font-weight:700}.section-eyebrow-rule:after{content:"";background:#ffffff26;height:1px;position:absolute;bottom:0;left:0;right:0}.stats-headline{font-size:var(--display-4);letter-spacing:-.03em;color:#fff;font-weight:800;line-height:1.35}.stats-headline span{color:#ffffff8c}.stats-cards-grid{grid-template-columns:repeat(2,1fr);margin-top:36px;display:grid}.stat-sweep-item{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;padding:clamp(20px,2.2vw,36px) clamp(16px,1.8vw,24px);position:relative;overflow:hidden}.stat-sweep-item:nth-child(odd){border-right:1px solid #ffffff1f}.stat-sweep-bg{pointer-events:none;transform-origin:bottom;z-index:1;background-color:#fff;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleY(0)}.stat-sweep-item:hover .stat-sweep-bg{transform:scaleY(1)}.stat-sweep-content{z-index:2;flex-direction:column;gap:8px;display:flex;position:relative}.stat-number-display{letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,1.6rem + 2vw,3.8rem);font-weight:800;line-height:1.05;transition:color .3s,transform .3s cubic-bezier(.16,1,.3,1)}.stat-sweep-item:hover .stat-number-display{color:var(--kode-black);transform:translateY(-2px)}.stat-label-display{color:#fff9;font-size:.95rem;font-weight:500;transition:color .3s}.stat-sweep-item:hover .stat-label-display{color:#111111bf}.services-section-root{color:#fff;width:100%;padding:var(--space-section) 0;background-color:#000;position:relative}.services-top-bar{justify-content:space-between;align-items:center;margin-bottom:clamp(32px,4vw,64px);padding-bottom:18px;display:flex;position:relative}.services-top-bar:after{content:"";background:#ffffff26;height:1px;position:absolute;bottom:0;left:0;right:0}.services-counter{font-variant-numeric:tabular-nums;color:#ffffff80;font-size:15px;font-weight:700}.services-showcase-grid{grid-template-columns:1fr;gap:48px;display:grid}@media (width>=1024px){.services-showcase-grid{grid-template-columns:1.1fr .9fr;align-items:center}}.service-title-display{letter-spacing:-.035em;color:#fff;margin-bottom:24px;font-size:clamp(2.4rem,2rem + 2.8vw,4.8rem);font-weight:800;line-height:1.05}.service-desc-display{font-size:var(--title-2);color:#ffffffbf;max-width:600px;margin-bottom:32px;line-height:1.6}.service-cta-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:9999px;align-items:center;gap:12px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.service-cta-btn:hover{color:#111;background:#fff;border-color:#fff}.service-cta-btn svg{transition:transform .3s}.service-cta-btn:hover svg{transform:translate(4px)}.service-tabs-list{margin-top:48px;list-style:none}.service-tab-row{border-top:1px solid #ffffff1f}.service-tab-row:last-child{border-bottom:1px solid #ffffff1f}.service-tab-trigger{width:100%;font-family:var(--font-family);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:20px;padding:16px 8px;transition:all .25s;display:flex}.service-tab-trigger[aria-selected=true]{color:#fff}.service-tab-trigger[aria-selected=false]{color:#ffffff59}.service-tab-trigger:hover{color:#ffffffd9}.service-tab-index{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.service-tab-name{font-size:1.15rem;font-weight:700}.service-preview-card{background:var(--surface-card);box-shadow:var(--shadow-card);border:1px solid #ffffff1a;border-radius:24px;padding:32px;position:relative}.service-preview-badge{color:#ff5e63;text-transform:uppercase;letter-spacing:.1em;background:#b3171c33;border:1px solid #b3171c66;border-radius:9999px;margin-bottom:20px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-block}.service-features-grid{grid-template-columns:1fr;gap:12px;margin-top:24px;display:grid}.service-feature-row{color:#fffc;align-items:flex-start;gap:12px;font-size:.92rem;line-height:1.5;display:flex}.service-feature-row svg{color:var(--kode-red);flex-shrink:0;margin-top:2px}.work-section-root{background-color:var(--white);width:100%;color:var(--kode-black);padding:var(--space-section) 0;position:relative}.work-header-row{border-bottom:1px solid #0000001f;flex-direction:column;gap:16px;margin-bottom:40px;padding-bottom:24px;display:flex}@media (width>=768px){.work-header-row{flex-direction:row;justify-content:space-between;align-items:flex-end}}.work-cards-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=640px){.work-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.work-cards-grid{grid-template-columns:repeat(3,1fr)}}.case-card-link{color:inherit;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block}.case-card-link:hover{transform:translateY(-4px)}.case-card-media{aspect-ratio:16/9;background:#e8e8ec;border:1px solid #00000014;border-radius:18px;width:100%;position:relative;overflow:hidden}.case-card-media img,.case-mock-media{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:all .5s cubic-bezier(.16,1,.3,1)}.case-card-link:hover .case-card-media img,.case-card-link:hover .case-mock-media{filter:grayscale(0%);transform:scale(1.05)}.case-category-pill{color:#111111bf;border:1px solid #00000040;border-radius:9999px;margin-top:18px;padding:4px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-block}.case-card-link:hover .case-category-pill{border-color:var(--kode-red);color:var(--kode-red)}.case-title{color:var(--kode-black);margin-top:10px;font-size:1.25rem;font-weight:700;line-height:1.35}.case-footer-line{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.case-metric{color:var(--kode-red);font-size:.85rem;font-weight:700}.case-arrow-icon{opacity:0;color:var(--kode-black);transition:all .25s;transform:translate(-4px,4px)}.case-card-link:hover .case-arrow-icon{opacity:1;transform:translate(0)}.work-index-link{color:var(--kode-black);text-transform:uppercase;letter-spacing:.08em;border:1px solid #00000040;border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:800;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.work-index-link:hover{background:var(--kode-black);color:#fff;border-color:var(--kode-black)}.works-page-shell{color:#fff;background:#000;min-height:100vh}.works-stage{background:radial-gradient(circle at 50% 42%,#b3171c38,#0000 30%),#000;grid-template-rows:auto 1fr auto;min-height:100vh;padding:clamp(18px,2.2vw,34px);display:grid;position:relative;overflow:hidden}.works-topbar{z-index:10;color:#ffffffb8;text-transform:uppercase;letter-spacing:.14em;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;font-size:clamp(.58rem,.5rem + .2vw,.76rem);font-weight:800;line-height:1.75;display:grid;position:relative}.works-topbar>div:nth-child(2){text-align:center}.works-topbar nav{flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:clamp(12px,2vw,30px);display:flex}.works-topbar a{color:inherit;text-decoration:none;transition:color .2s}.works-topbar a:hover,.works-brand{color:#fff}.works-editorial-grid{grid-template-columns:minmax(150px,.7fr) minmax(280px,1.1fr) minmax(130px,.7fr);align-items:center;gap:clamp(18px,3vw,58px);min-height:0;display:grid;position:relative}.works-word-column{z-index:2;letter-spacing:-.04em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;flex-direction:column;gap:clamp(8px,1.3vw,18px);font-size:clamp(1.1rem,.65rem + 2.3vw,3.6rem);font-weight:900;line-height:.9;display:flex;position:relative}.works-word-column span:nth-child(2n){color:#ffffff80}.works-word-column-right{text-align:right;align-items:flex-end}.works-media-zone{place-items:center;min-height:clamp(360px,62vh,680px);display:grid;position:relative}.works-feature-link{width:min(52vw,520px);color:inherit;text-decoration:none;display:block}.works-feature-frame{aspect-ratio:4/5;background:#111;border:1px solid #ffffff2e;border-radius:0;width:100%;position:relative;overflow:hidden;box-shadow:0 32px 90px #000000b8}.works-feature-frame:before,.works-feature-frame:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.works-feature-frame:before{background:linear-gradient(#0000 58%,#0006)}.works-feature-frame:after{border:1px solid #ffffff29;inset:14px}.works-feature-frame img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .45s,transform .45s cubic-bezier(.16,1,.3,1)}.works-feature-link:hover .works-feature-frame img{filter:grayscale(0%);transform:scale(1.04)}.works-feature-caption{text-transform:uppercase;letter-spacing:.12em;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:14px;font-size:.72rem;font-weight:900;display:grid}.works-feature-caption span{color:#ffffff73}.works-feature-caption strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.works-bottom-console{z-index:5;color:#ffffffb8;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:clamp(18px,3vw,46px);display:grid;position:relative}.works-clock,.works-controls{text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;flex-direction:column;gap:8px;font-size:.7rem;font-weight:900;display:flex}.works-clock span:first-child{color:#fff}.works-project-list{scrollbar-width:none;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;gap:16px;padding-bottom:2px;display:grid;overflow-x:auto}.works-project-list::-webkit-scrollbar{display:none}.works-project-list button{color:#fff6;min-width:0;font-family:var(--font-family);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:0;transition:color .2s;display:flex}.works-project-list button span{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:900;overflow:hidden}.works-project-list button small{text-overflow:ellipsis;white-space:nowrap;color:#ffffff52;font-size:.68rem;overflow:hidden}.works-project-list button:hover,.works-project-list button.is-active{color:#fff}.works-project-list button.is-active small{color:var(--kode-red)}.works-controls{align-items:flex-end}.works-controls button{color:#ffffffa8;font-family:var(--font-family);font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.works-controls button:hover{color:#fff}.works-count{color:#fff;gap:6px;display:flex}@media (width<=900px){.works-stage{min-height:100svh;padding:18px}.works-topbar{grid-template-columns:1fr;gap:12px}.works-topbar>div:nth-child(2),.works-topbar nav{text-align:left;justify-content:flex-start;justify-self:start}.works-editorial-grid{grid-template-columns:1fr;align-content:center;gap:20px;padding:34px 0}.works-word-column{flex-flow:wrap;gap:8px 12px;font-size:clamp(1.3rem,7vw,3rem);line-height:.95}.works-word-column-right{text-align:left;align-items:flex-start}.works-media-zone{min-height:auto}.works-feature-link{width:100%}.works-feature-frame{aspect-ratio:4/3}.works-bottom-console{grid-template-columns:1fr;align-items:start}.works-controls{flex-flow:wrap;align-items:flex-start;gap:18px}}.footer-root{color:#fff;background-color:#000;position:relative}.footer-cta-banner{color:#fff;cursor:pointer;border-bottom:1px solid #ffffff1f;padding:clamp(60px,8vw,120px) 0;text-decoration:none;transition:background-color .3s;display:block}.footer-cta-banner:hover{background:#ffffff05}.footer-banner-heading{font-size:var(--display-3);letter-spacing:-.035em;font-weight:800;line-height:1.25}.footer-cta-line{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-arrow-box{vertical-align:middle;width:clamp(32px,4vw,64px);height:clamp(32px,4vw,64px);display:inline-flex;position:relative;overflow:hidden}.footer-arrow-1{width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1)}.footer-arrow-2{width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-100%)}.footer-cta-banner:hover .footer-arrow-1{transform:translate(100%)}.footer-cta-banner:hover .footer-arrow-2{transform:translate(0)}.footer-meta-grid{grid-template-columns:1fr;gap:36px;padding:48px 0;display:grid}@media (width>=768px){.footer-meta-grid{grid-template-columns:1.2fr .8fr;align-items:flex-end}}.footer-address-block{color:#ffffffb3;font-size:.88rem;font-style:normal;line-height:1.8}.footer-legal-links{gap:24px;display:flex}.footer-legal-btn{color:#ffffffb3;font-family:var(--font-family);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline;transition:color .2s}.footer-legal-btn:hover{color:#fff}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;background:#000000bf;place-items:center;padding:20px;animation:.25s ease-out fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface-card);color:#fff;border:1px solid #ffffff29;border-radius:28px;width:100%;max-width:580px;max-height:90vh;padding:36px;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;position:relative;overflow-y:auto;box-shadow:0 30px 80px #000c}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .2s;display:grid;position:absolute;top:24px;right:24px}.modal-close-btn:hover{background:#fff3}.form-group{margin-bottom:20px}.form-label{text-transform:uppercase;letter-spacing:.08em;color:#fffc;margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{color:#fff;width:100%;font-family:var(--font-family);background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;outline:none;padding:12px 16px;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--kode-red)}.modal-submit-btn{background:var(--kode-red);color:#fff;width:100%;font-family:var(--font-family);cursor:pointer;border:none;border-radius:9999px;padding:14px;font-size:1rem;font-weight:700;transition:background .2s}.modal-submit-btn:hover{background:var(--deep-red)}.portfolio-page-root{color:#fff;background:#000}.portfolio-hero-section{padding:calc(var(--space-hero-top) + 28px) 0 var(--space-section);background:radial-gradient(circle at 78% 22%,#b3171c47,#0000 30%),linear-gradient(135deg,#000 0%,#171111 54%,#050505 100%);margin-top:-80px;position:relative;overflow:hidden}.portfolio-hero-grid{grid-template-columns:1fr;align-items:center;gap:clamp(36px,5vw,86px);display:grid}@media (width>=980px){.portfolio-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,.8fr)}}.portfolio-back-link,.portfolio-primary-link,.portfolio-secondary-btn{font-family:var(--font-family);border-radius:9999px;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.portfolio-back-link{color:#ffffffad;margin-bottom:32px;font-size:.9rem;transition:color .2s,transform .2s}.portfolio-back-link:hover{color:#fff;transform:translate(-3px)}.portfolio-kicker{text-transform:uppercase;letter-spacing:.28em;color:#ffffff8a;margin-bottom:14px;font-size:13px;font-weight:800}.portfolio-kicker.dark{color:#11111185}.portfolio-hero-title{max-width:900px;font-size:var(--display-2);letter-spacing:-.04em;font-weight:900;line-height:.98}.portfolio-hero-lede{max-width:780px;font-size:var(--body-large);color:#ffffffc2;margin-top:28px;line-height:1.55}.portfolio-hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.portfolio-primary-link{background:var(--kode-red);color:#fff;padding:13px 24px;transition:transform .25s,background .25s;box-shadow:0 10px 28px #b3171c52}.portfolio-primary-link:hover{background:var(--deep-red);transform:translateY(-2px)}.portfolio-secondary-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff52;padding:13px 24px;transition:background .25s,color .25s}.portfolio-secondary-btn:hover{color:#111;background:#fff}.portfolio-visual-board{perspective:1100px;min-height:460px;position:relative}.portfolio-photo-card{filter:grayscale();background:#111;border:1px solid #ffffff24;transition:filter .35s,transform .35s cubic-bezier(.16,1,.3,1);position:absolute;overflow:hidden;box-shadow:0 34px 80px #00000094}.portfolio-photo-card:hover{filter:grayscale(0%)}.portfolio-photo-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 54%,#000000b8);position:absolute;inset:0}.portfolio-photo-card img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-photo-card span{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.14em;max-width:calc(100% - 40px);font-size:.78rem;font-weight:800;position:absolute;bottom:18px;left:20px}.portfolio-photo-card-main{aspect-ratio:3/4;z-index:3;border-radius:28px;width:min(68vw,330px);top:22px;right:8%;transform:rotate(-5deg)}.portfolio-photo-card-main:hover{transform:rotate(-2deg)translateY(-6px)}.portfolio-photo-card-side{aspect-ratio:4/3;z-index:2;border-radius:24px;width:min(58vw,280px);bottom:72px;left:0;transform:rotate(8deg)}.portfolio-photo-card-side:hover{transform:rotate(5deg)translateY(-6px)}.portfolio-photo-card-wide{aspect-ratio:16/9;z-index:4;border-radius:22px;width:min(64vw,360px);position:absolute;bottom:0;right:0;transform:rotate(2deg)}.portfolio-photo-card-wide:hover{transform:rotate(0)translateY(-6px)}.portfolio-brief-section,.portfolio-outcome-section{color:var(--kode-black);padding:var(--space-section) 0;background:#fff}.portfolio-brief-grid,.portfolio-outcome-grid{gap:var(--space-lg);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=900px){.portfolio-brief-grid,.portfolio-outcome-grid{grid-template-columns:.8fr 1.2fr}}.portfolio-section-heading h2,.portfolio-dark-header h2,.portfolio-gallery-header h2{font-size:var(--display-4);letter-spacing:-.035em;font-weight:900;line-height:1.12}.portfolio-brief-copy{color:#111111d1;font-size:clamp(1.15rem,1rem + .85vw,2rem);font-weight:700;line-height:1.48}.portfolio-scope-section,.portfolio-gallery-section{color:#fff;padding:var(--space-section) 0;background:#000}.portfolio-dark-header{border-bottom:1px solid #ffffff24;grid-template-columns:1fr;gap:24px;margin-bottom:36px;padding-bottom:28px;display:grid}@media (width>=900px){.portfolio-dark-header{grid-template-columns:1fr .7fr;align-items:end}}.portfolio-dark-header p:not(.portfolio-kicker){color:#ffffffad;font-size:1rem;line-height:1.6}.portfolio-scope-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.portfolio-scope-card{background:var(--surface-card);border:1px solid #ffffff1a;border-radius:18px;min-height:250px;padding:28px;transition:transform .25s,border-color .25s}.portfolio-scope-card:hover{border-color:#b3171c9e;transform:translateY(-4px)}.portfolio-scope-card svg{color:var(--kode-red);margin-bottom:26px}.portfolio-scope-card h3{margin-bottom:10px;font-size:1.18rem;font-weight:800}.portfolio-scope-card p{color:#ffffffa8;font-size:.92rem;line-height:1.6}.portfolio-outcome-card{background:var(--kode-black);color:#fff;border-radius:24px;padding:clamp(28px,4vw,52px);box-shadow:0 22px 50px #0000002e}.portfolio-outcome-card svg{color:var(--kode-red);margin-bottom:22px}.portfolio-outcome-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.22em;margin-bottom:10px;font-size:.82rem;font-weight:800}.portfolio-outcome-card h2{letter-spacing:-.04em;color:#fff;font-size:clamp(2.2rem,1.7rem + 2.5vw,4.8rem);font-weight:900;line-height:.98}.portfolio-outcome-card p:last-child{color:#ffffffbd;margin-top:24px;font-size:1rem;line-height:1.65}.portfolio-proof-list{gap:14px;display:grid}.portfolio-proof-item{background:var(--surface-light);color:#111111d1;border:1px solid #0000001a;border-radius:16px;align-items:center;gap:16px;min-height:88px;padding:22px 24px;font-weight:800;display:flex}.portfolio-proof-item svg{color:var(--kode-red);flex:none}.portfolio-gallery-header{max-width:840px;margin-bottom:36px}.portfolio-gallery-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=900px){.portfolio-gallery-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:160px}}.portfolio-gallery-panel{filter:grayscale();background:#111;border:1px solid #ffffff1a;border-radius:18px;min-height:170px;transition:filter .35s,transform .35s;position:relative;overflow:hidden}.portfolio-gallery-panel:hover{filter:grayscale(0%);transform:translateY(-3px)}.portfolio-gallery-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#000000b8);position:absolute;inset:0}.portfolio-gallery-panel img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-gallery-panel span{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:800;position:absolute;bottom:16px;left:18px}@media (width>=900px){.portfolio-gallery-panel.panel-1,.portfolio-gallery-panel.panel-4{grid-area:span 2/span 2}.portfolio-gallery-panel.panel-2,.portfolio-gallery-panel.panel-3,.portfolio-gallery-panel.panel-5,.portfolio-gallery-panel.panel-6{grid-column:span 2}}@media (width<=720px){.portfolio-visual-board{min-height:380px}.portfolio-photo-card-main{right:0}.portfolio-gallery-grid{grid-template-columns:1fr}}