:root{--bg-dark:#08090a;--surface-dark:#141518;--surface-dark-elevated:#1c1e22;--surface-light:#f5f5f2;--text-main:#fff;--text-inverse:#08090a;--text-muted:#a5a5a8;--text-dim:#68696d;--accent-orange:#ff6a2a;--accent-orange-hover:#ff8249;--accent-orange-glow:#ff6a2a40;--glass-bg:#141518a6;--glass-bg-hover:#1c1e22cc;--glass-border:#ffffff14;--glass-border-bright:#ffffff2e;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #0000005e;--radius-btn:12px;--radius-ui:10px;--radius-glass:16px;--radius-media:12px;--radius-pill:9999px;--font-heading:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width:1280px;--header-height:80px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--transition-smooth:all .35s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}body{background-color:var(--bg-dark);min-height:100vh;color:var(--text-main);line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#25272c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}::selection{background-color:var(--accent-orange);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-main);font-weight:600;line-height:1.1}p{color:var(--text-muted);font-size:1.05rem}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}img,video{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (width>=768px){.container{padding-left:40px;padding-right:40px}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-glass);box-shadow:var(--glass-shadow);transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--glass-border-bright)}.glass-panel-light{-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-glass);color:var(--text-inverse);background:#f5f5f2f2;border:1px solid #08090a1a}.badge-pill{border-radius:var(--radius-pill);color:var(--accent-orange);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;background:#ff6a2a1a;border:1px solid #ff6a2a40;align-items:center;gap:8px;padding:6px 14px;font-size:.825rem;font-weight:600;display:inline-flex}.badge-pill-dot{background-color:var(--accent-orange);width:6px;height:6px;box-shadow:0 0 8px var(--accent-orange);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .8s var(--ease-out-expo) forwards}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.services-pillars-wrapper{flex-direction:column;display:flex}.services-pillar-section{border-top:1px solid #ffffff0f;padding:110px 0;position:relative}.services-pillar-section:first-of-type{border-top:none}.services-pillar-counter{max-width:var(--max-width);font-family:var(--font-heading);align-items:baseline;gap:4px;margin:0 auto 24px;padding:0 24px;display:flex}.services-pillar-counter-current{color:var(--accent-orange);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1}.services-pillar-counter-sep{color:var(--text-dim);margin:0 2px;font-size:1.2rem}.services-pillar-counter-total{color:var(--text-dim);font-size:1rem;font-weight:600}.services-pillar-header{max-width:var(--max-width);margin:0 auto 48px;padding:0 24px}.services-pillar-line{background:var(--accent-orange);border-radius:2px;width:48px;height:2px;margin-bottom:20px}.services-pillar-title{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.05}.services-pillar-description{max-width:640px;color:var(--text-muted);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.65}.services-pillar-layout{max-width:var(--max-width);grid-template-columns:300px 1fr;align-items:start;gap:48px;margin:0 auto;padding:0 24px;display:grid}.services-pillar-layout.reversed{grid-template-columns:1fr 300px}.services-pillar-layout.reversed .services-pillar-selector{order:2}.services-pillar-layout.reversed .services-pillar-detail{order:1}.services-selector{position:sticky;top:100px}.services-selector-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px;font-size:.72rem;font-weight:700}.services-selector-wrapper{position:relative}.services-selector-list{flex-direction:column;gap:0;list-style:none;display:flex;position:relative}.services-selector-indicator{background:var(--accent-orange);z-index:2;pointer-events:none;border-radius:2px;position:absolute;left:0;box-shadow:0 0 14px #ff6a2ab3}.services-selector-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);transition:color .3s var(--ease-out-expo), background-color .3s ease;background:0 0;border:none;border-bottom:1px solid #ffffff0d;border-radius:4px;outline:none;align-items:center;gap:16px;padding:16px 12px 16px 18px;display:flex;position:relative}.services-selector-item:first-child{border-top:1px solid #ffffff0d}.services-selector-item:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}.services-selector-number{font-family:var(--font-heading);color:var(--text-dim);min-width:24px;transition:color .3s var(--ease-out-expo);font-size:.85rem;font-weight:600}.services-selector-name{font-family:var(--font-heading);color:var(--text-muted);transition:color .3s var(--ease-out-expo), font-weight .3s var(--ease-out-expo);flex:1;font-size:clamp(.95rem,1.4vw,1.08rem);font-weight:500}.services-selector-arrow{color:var(--accent-orange);opacity:0;transition:opacity .3s var(--ease-out-expo), transform .3s var(--ease-out-expo);transform:translate(-6px)}.services-selector-arrow.visible,.services-selector-item:hover .services-selector-arrow{opacity:1;transform:translate(0)}.services-selector-item.active .services-selector-number{color:var(--accent-orange)}.services-selector-item.active .services-selector-name{color:#fff;font-weight:600}.services-selector-item:hover .services-selector-name{color:#fff}.services-cinematic-panel{width:100%;min-width:0}.cinematic-stage-container{background:var(--bg-dark,#08090a);border-radius:var(--radius-glass,16px);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;width:100%;min-height:520px;margin-bottom:28px;padding:48px 36px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #000c}.cinematic-radial-glow{pointer-events:none;z-index:0;background:radial-gradient(#ff6a2a0f 0%,#0000 70%);width:500px;height:350px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.cinematic-edge-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 40%,#08090ad9 100%);position:absolute;inset:0}.cinematic-stage-text-anchor{z-index:10;max-width:540px;position:relative}.cinematic-label-pill{letter-spacing:.14em;color:var(--text-muted);background:#08090ab3;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:.68rem;font-weight:700;display:inline-flex}.cinematic-label-dot{background:var(--accent-orange);width:6px;height:6px;box-shadow:0 0 8px var(--accent-orange);border-radius:50%}.cinematic-service-number{font-family:var(--font-heading);color:var(--accent-orange);letter-spacing:.04em;margin-bottom:6px;font-size:.9rem;font-weight:700}.cinematic-service-title{font-family:var(--font-heading);letter-spacing:-.02em;text-transform:uppercase;color:#fff;will-change:transform, opacity, clip-path;margin-bottom:16px;font-size:clamp(2rem,3.8vw,3rem);font-weight:700;line-height:1.04}.cinematic-service-description{color:var(--text-muted);margin-bottom:20px;font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.65}.cinematic-project-count-badge{letter-spacing:.08em;color:var(--accent-orange);background:#ff6a2a14;border:1px solid #ff6a2a40;border-radius:20px;align-items:center;padding:5px 12px;font-size:.68rem;font-weight:700;display:inline-flex}.cinematic-stage-composition{z-index:4;grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;margin-top:36px;display:grid;position:relative}.cinematic-card-item{will-change:transform, opacity;transition:filter .4s var(--ease-out-expo);position:relative}.cinematic-card-item.depth-foreground{filter:drop-shadow(0 16px 36px #000000b3);transform:scale(1)}.cinematic-card-item.depth-middle{opacity:.92;filter:drop-shadow(0 10px 24px #0009);transform:scale(.9)}.cinematic-card-item.depth-background{opacity:.78;filter:drop-shadow(0 6px 16px #00000080);transform:scale(.8)}.services-project-card.editorial{border-radius:var(--radius-media,12px);background:var(--surface-dark,#141518);transition:border-color .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo), transform .4s var(--ease-out-expo);border:1px solid #ffffff14;position:relative;overflow:hidden}.services-project-card.editorial:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}.services-project-media{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.services-project-image{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.16,1,.3,1)}.services-project-hover-overlay{opacity:0;transition:opacity .4s var(--ease-out-expo);background:linear-gradient(#0000 0%,#08090a80 50%,#08090af2 100%);align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.services-project-hover-content{transition:transform .4s var(--ease-out-expo);width:100%;transform:translateY(12px)}.services-project-title-hover{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.92rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.services-project-cta-pill{background:var(--accent-orange);color:#08090a;letter-spacing:.06em;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.7rem;font-weight:700;transition:background-color .3s,transform .3s;display:inline-flex}.services-project-metric-badge{color:var(--accent-orange);z-index:5;background:#08090abf;border:1px solid #ff6a2a40;border-radius:6px;padding:4px 8px;font-size:.68rem;font-weight:700;position:absolute;top:10px;left:10px}.services-project-editorial-footer{background:#0e1012d9;border-top:1px solid #ffffff0a;align-items:center;gap:8px;padding:10px 14px;font-size:.74rem;font-weight:600;display:flex}.services-project-service-tag{color:var(--accent-orange)}.services-project-dot{color:var(--text-dim)}.services-project-client-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (hover:hover){.services-project-card.editorial:hover,.services-project-card.editorial.hovered{border-color:#ff6a2a73;box-shadow:0 14px 36px #000000b3,0 0 20px #ff6a2a33}.services-project-card.editorial:hover .services-project-image,.services-project-card.editorial.hovered .services-project-image{transform:scale(1.04)}.services-project-card.editorial:hover .services-project-hover-overlay,.services-project-card.editorial.hovered .services-project-hover-overlay{opacity:1}.services-project-card.editorial:hover .services-project-hover-content,.services-project-card.editorial.hovered .services-project-hover-content{transform:translateY(0)}}.services-view-work-link{color:var(--accent-orange);transition:gap .3s var(--ease-out-expo);outline:none;align-items:center;gap:8px;padding:10px 0;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.services-view-work-link:focus-visible{outline:2px solid var(--accent-orange);outline-offset:4px;border-radius:4px}.services-view-work-link:hover{gap:12px}.services-view-work-arrow{transition:transform .3s var(--ease-out-expo)}.services-view-work-link:hover .services-view-work-arrow{transform:translate(2px,-2px)}.services-view-all-section{border-top:1px solid #ffffff0f;padding:80px 0}.services-view-all-inner{background:var(--surface-dark);border:1px solid var(--glass-border);border-radius:var(--radius-glass);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding:48px;display:flex}.services-view-all-title{text-transform:uppercase;margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.05}.services-view-all-text{max-width:480px;color:var(--text-muted);font-size:.95rem}.services-view-all-btn{border-radius:var(--radius-btn);background:var(--accent-orange);color:#08090a;transition:var(--transition-smooth);white-space:nowrap;outline:none;align-items:center;gap:8px;padding:14px 28px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.services-view-all-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.services-view-all-btn:hover{background:var(--accent-orange-hover);transform:translateY(-1px)}.services-cta-section{padding:80px 0 120px}.services-cta-inner{border-radius:var(--radius-glass);text-align:center;padding:clamp(40px,6vw,64px);position:relative;overflow:hidden}.services-cta-glow{pointer-events:none;background:radial-gradient(circle,#ff6a2a14 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.services-cta-title{margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;position:relative}.services-cta-text{max-width:520px;color:var(--text-muted);margin:0 auto 32px;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.65;position:relative}.services-cta-btn{border-radius:var(--radius-btn);background:var(--accent-orange);color:#08090a;font-family:var(--font-heading);letter-spacing:.04em;transition:var(--transition-smooth);outline:none;align-items:center;gap:8px;padding:16px 32px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.services-cta-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.services-cta-btn:hover{background:var(--accent-orange-hover);transform:translateY(-2px);box-shadow:0 8px 24px #ff6a2a59}.services-modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:10000;background:#08090aeb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.services-modal{background:var(--surface-dark);border:1px solid var(--glass-border-bright);border-radius:var(--radius-glass);width:100%;max-width:840px;animation:scaleUp .3s var(--ease-out-expo) forwards;overflow:hidden}.services-modal-image-wrap{aspect-ratio:21/9;position:relative;overflow:hidden}.services-modal-image-wrap img{object-fit:cover;width:100%;height:100%}.services-modal-close{color:#fff;cursor:pointer;background:#08090ad9;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.services-modal-body{padding:32px}.services-modal-body h3{margin-bottom:16px;font-size:1.5rem;font-weight:700}.services-modal-body p{font-size:.95rem;line-height:1.6}.services-modal-tags{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.services-modal-client{color:var(--text-dim);font-size:.9rem}.services-modal-metric{border-radius:var(--radius-ui);background:#ff6a2a1a;border:1px solid #ff6a2a40;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.services-modal-metric-value{color:var(--accent-orange);font-size:1.3rem;font-weight:700}.services-modal-metric-label{color:var(--text-muted);font-size:.82rem}@media (width<=1024px){.services-pillar-layout,.services-pillar-layout.reversed{grid-template-columns:1fr;gap:36px}.services-pillar-layout.reversed .services-pillar-selector,.services-pillar-layout.reversed .services-pillar-detail{order:unset}.services-selector{position:relative;top:0}.cinematic-stage-composition{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.services-pillar-section{padding:60px 0}.services-pillar-header{margin-bottom:28px}.services-selector-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:0;padding-bottom:8px;overflow-x:auto}.services-selector-list::-webkit-scrollbar{display:none}.services-selector-list li{flex-shrink:0}.services-selector-item{border-bottom:none;border-right:1px solid #ffffff0f;flex-direction:column;align-items:flex-start;gap:4px;min-width:max-content;padding:10px 16px}.services-selector-item:first-child{border-top:none}.cinematic-stage-container{min-height:auto;padding:32px 20px}.cinematic-stage-composition{grid-template-columns:1fr;gap:16px}.cinematic-card-item.depth-background{display:none}.services-view-all-inner{padding:32px 24px}.services-cta-inner{padding:40px 24px}}@media (width<=430px){.services-pillar-counter,.services-pillar-header,.services-pillar-layout{padding-left:16px;padding-right:16px}.cinematic-stage-container{padding:24px 16px}}@media (prefers-reduced-motion:reduce){.cinematic-service-title,.cinematic-card-item,.services-selector-indicator{opacity:1!important;clip-path:none!important;transition:none!important;animation:none!important;transform:none!important}}