:root{--signal-blue: #2FA0E8;--ink-black: #181818;--white: #FFFFFF;--ember-pink: #FF1F5A;--text-dark: #181818;--text-muted: #6B7280;--font-display: "Sora", "Segoe UI", sans-serif;--font-body: "Sora", "Segoe UI", sans-serif;--container-w: 1200px;--gutter: 1.5rem;--dot-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='2' cy='2' r='1.4' fill='%23181818'/%3E%3C/svg%3E");--dot-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='2' cy='2' r='1.4' fill='%23FFFFFF'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text-dark);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4{margin:0;font-family:var(--font-display)}p{margin:0}.container{max-width:var(--container-w);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}.dot-grid-light,.dot-grid-dark{position:relative;overflow:hidden}.dot-grid-light:before,.dot-grid-dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;background-size:26px 26px;pointer-events:none;z-index:0}.dot-grid-light:before{background-image:var(--dot-light);opacity:.07}.dot-grid-dark:before{background-image:var(--dot-dark);opacity:.08}.dot{color:var(--signal-blue)}.dot-pink{color:var(--ember-pink)}.eyebrow,.section-tag,.wordmark-suffix,.divider-label{letter-spacing:.15em;font-size:.75rem;text-transform:uppercase;font-weight:600}.eyebrow{color:var(--text-muted);margin:0 0 1.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px #1818180f;transition:box-shadow .25s ease}.site-header.scrolled{box-shadow:0 1px #18181814}.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;padding-bottom:1.25rem}.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:var(--text-dark);display:inline-flex;align-items:center;gap:.55em}.wordmark-icon{height:24px;width:auto;display:block}.wordmark-suffix{font-weight:700;color:var(--text-muted)}.main-nav{display:flex;align-items:center;gap:2rem}.main-nav a{font-size:.9rem;font-weight:500;color:var(--text-dark);opacity:.75;transition:opacity .2s ease}.main-nav a:hover{opacity:1}.main-nav a.nav-cta{opacity:1;background:var(--ink-black);color:var(--white);padding:.6rem 1.1rem;border-radius:999px;font-weight:600}.main-nav a.nav-cta:hover{background:var(--signal-blue)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:101}.nav-toggle span{display:block;height:2px;background:var(--ink-black);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.75rem;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;border:1.5px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink-black);color:var(--white)}.btn-primary:hover{background:var(--signal-blue)}.btn-ghost{background:transparent;color:var(--text-dark);border-color:#18181840}.btn-ghost:hover{border-color:var(--ink-black)}.btn-primary-pink{background:var(--ember-pink);color:var(--white)}.btn-primary-pink:hover{background:var(--white);color:var(--ink-black)}.btn-ghost-dark{background:transparent;color:var(--white);border-color:#ffffff4d}.btn-ghost-dark:hover{border-color:var(--white)}.btn-primary-white{background:var(--white);color:var(--ink-black)}.btn-primary-white:hover{background:var(--signal-blue);color:var(--white)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.hero{padding:9rem 0 4rem;min-height:92vh;display:flex;align-items:center;background:var(--ink-black);overflow:hidden;position:relative}.hero-inner{position:relative;z-index:2;width:100%}.hero-copy{max-width:640px}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,#08080af2,#08080ad9 28%,#08080a80 52%,#08080a2e 72%,#08080a0d)}.hero-headline{display:flex;flex-direction:column;gap:.35rem;font-weight:800;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.05;letter-spacing:-.02em;color:var(--white)}.hero-headline-line{color:var(--white)}.hero-rotate{display:inline-block;color:var(--signal-blue);font-size:clamp(2.75rem,6.5vw,4.75rem);animation:hero-rotate-in .5s ease}@keyframes hero-rotate-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-sub{margin-top:1.75rem;max-width:52ch;font-size:1.1rem;color:#ffffffb3;line-height:1.6}.hero-collage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)}.collage-grid{display:flex;flex-direction:column;gap:.5rem;height:100%}.collage-row{position:relative;overflow:hidden;width:100%;flex:1}.collage-track{display:flex;flex-direction:row;gap:1rem;height:100%;will-change:transform;animation-name:collage-scroll-right;animation-timing-function:linear;animation-iteration-count:infinite;transform:translate(-50%)}@keyframes collage-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.collage-card{border-radius:16px;overflow:hidden;flex-shrink:0;height:100%}.collage-photo{aspect-ratio:4 / 3;background:#ffffff0d}.collage-photo img{width:100%;height:100%;object-fit:cover;display:block}.collage-tagline{aspect-ratio:4 / 3;padding:1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.4rem}.collage-tagline strong{font-size:1.15rem;font-weight:800;line-height:1.15}.collage-tagline span{font-size:.75rem;opacity:.75}.collage-tagline-blue{background:var(--signal-blue);color:var(--white)}.collage-tagline-white{background:var(--white);color:var(--ink-black)}.collage-fade{position:absolute;top:0;bottom:0;width:12%;pointer-events:none;z-index:2}.collage-fade-left{left:0;background:linear-gradient(to right,var(--ink-black),transparent)}.collage-fade-right{right:0;background:linear-gradient(to left,var(--ink-black),transparent)}@media (prefers-reduced-motion: reduce){.collage-track,.hero-rotate{animation:none}}.divider{background:var(--ink-black);padding:2.75rem 0}.divider-inner{display:flex;align-items:baseline;gap:1.5rem}.divider-numeral{font-family:var(--font-display);font-weight:800;font-size:clamp(3.5rem,9vw,7rem);line-height:1;color:var(--white);letter-spacing:-.02em}.divider-label{color:var(--signal-blue);font-weight:700}.section{position:relative;padding:6.5rem 0;background:var(--white)}.section-rule{height:1px;background:#1818181f;margin-bottom:1.75rem}.section-rule-dark{background:#ffffff26}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.5rem}.section-tag{color:var(--text-muted)}.section-tag-dark{color:#fff9}.section-tag-right{color:var(--text-muted)}.section-headline{font-weight:800;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.08;letter-spacing:-.02em;margin-bottom:3rem}.section-blob{position:absolute;right:-200px;bottom:-200px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#6b728029,#6b728000 70%);pointer-events:none;z-index:0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.intro-copy p{max-width:65ch;color:var(--text-muted);margin-bottom:1.25rem}.intro-copy p:last-child{margin-bottom:0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4.5rem;padding-top:2.5rem;border-top:1px solid rgba(24,24,24,.1)}.stat{display:flex;flex-direction:column;gap:.4rem}.stat-number{font-family:var(--font-display);font-weight:800;font-size:2.25rem;letter-spacing:-.02em}.stat-label{font-size:.85rem;color:var(--text-muted)}.services-interactive{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}.services-list{display:flex;flex-direction:column}.service-tab{display:flex;align-items:flex-start;gap:1.25rem;width:100%;text-align:left;background:none;border:none;border-top:1px solid rgba(24,24,24,.1);border-left:3px solid transparent;padding:1.5rem 0 1.5rem 1rem;cursor:pointer;transition:background .25s ease,border-color .25s ease}.services-list .service-tab:last-child{border-bottom:1px solid rgba(24,24,24,.1)}.service-tab:hover{background:#18181805}.service-tab.active{border-left-color:var(--signal-blue);background:#2fa0e80d}.service-tab-index{font-size:.8rem;font-weight:700;color:var(--text-muted);letter-spacing:.1em;padding-top:.2rem;flex-shrink:0}.service-tab.active .service-tab-index{color:var(--signal-blue)}.service-tab-body{display:flex;flex-direction:column}.service-tab-title{font-size:1.25rem;font-weight:700;color:var(--text-dark);transition:color .2s ease}.service-tab-desc{color:var(--text-muted);font-size:.95rem;max-width:42ch;max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .3s ease,opacity .25s ease,margin-top .25s ease}.service-tab.active .service-tab-desc{max-height:6rem;opacity:1;margin-top:.6rem}.services-panel{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4 / 3;background:var(--ink-black)}.services-panel img{width:100%;height:100%;object-fit:cover;display:block;animation:services-panel-in .4s ease}@keyframes services-panel-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}.work-card{display:block;group:work}.work-thumb{aspect-ratio:4 / 3;border-radius:16px;margin-bottom:1.1rem;background-color:var(--ink-black);background-size:cover;background-position:center;transition:transform .35s ease;position:relative;overflow:hidden}.work-card:hover .work-thumb{transform:scale(1.015)}.work-meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.work-meta h3{font-size:1.1rem;font-weight:700}.work-meta span{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.work-cta-row{margin-top:2.5rem;text-align:center}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1818181a;border:1px solid rgba(24,24,24,.1);border-radius:16px;overflow:hidden}.client-name{display:flex;align-items:center;padding:1.6rem 1.5rem;background:var(--white);font-weight:700;font-size:.9rem;color:var(--text-dark);transition:background .2s ease,color .2s ease}.client-name:hover{background:var(--ink-black);color:var(--white)}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.approach-step{border-top:2px solid var(--ink-black);padding-top:1.5rem}.approach-number{display:block;font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--signal-blue);margin-bottom:1rem}.approach-step h3{font-size:1.15rem;font-weight:700;margin-bottom:.6rem}.approach-step p{color:var(--text-muted);font-size:.95rem}.page-head{padding-top:9.5rem}.gallery-intro{max-width:60ch;margin:-1.5rem 0 2.5rem;color:var(--text-muted);font-size:1.05rem}.category-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:3rem}.category-chip{padding:.5rem 1.1rem;border-radius:999px;border:1.5px solid rgba(24,24,24,.15);background:transparent;color:var(--text-dark);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.category-chip:hover{border-color:var(--ink-black)}.category-chip.active{background:var(--ink-black);color:var(--white);border-color:var(--ink-black)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.gallery-card-link{display:block}.gallery-thumb{aspect-ratio:4 / 3;border-radius:16px;margin-bottom:1rem;background-color:var(--ink-black);background-size:cover;background-position:center top;transition:transform .35s ease}.gallery-card-link:hover .gallery-thumb{transform:scale(1.02)}.gallery-category{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-blue);margin-bottom:.4rem}.gallery-meta h3{font-size:1.05rem;font-weight:700;color:var(--text-dark)}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3.5rem}.pagination-arrow,.pagination-page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .5rem;border-radius:999px;border:1.5px solid rgba(24,24,24,.15);background:transparent;color:var(--text-dark);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.pagination-arrow:hover:not(:disabled),.pagination-page:hover{border-color:var(--ink-black)}.pagination-arrow:disabled{opacity:.35;cursor:not-allowed}.pagination-page.active{background:var(--ink-black);color:var(--white);border-color:var(--ink-black)}.back-link{cursor:pointer}.back-link:hover{color:var(--text-dark)}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start;margin-top:1rem}.detail-image{border-radius:16px;overflow:hidden;border:1px solid rgba(24,24,24,.1)}.detail-image img{width:100%;display:block}.detail-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.detail-client{font-size:1.15rem;font-weight:700;margin-bottom:1.75rem}.detail-copy p{color:var(--text-muted);margin-bottom:1.75rem}.detail-cta{margin-top:.5rem}.detail-photo-gallery{margin-top:4rem}.detail-photo-gallery-title{font-size:1.5rem;font-weight:800;margin-bottom:2rem}.detail-photo-gallery-title .dot{font-size:1rem;font-weight:600;color:var(--text-muted)}.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.photo-grid-item{display:block;padding:0;border:none;background:var(--ink-black);border-radius:10px;overflow:hidden;aspect-ratio:4 / 5;cursor:pointer}.photo-grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.photo-grid-item:hover img{transform:scale(1.05)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0c0c0ceb;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox-image{max-width:min(90vw,1100px);max-height:86vh;border-radius:8px;object-fit:contain}.lightbox-close{position:absolute;top:1.5rem;right:1.75rem;font-size:2.25rem;line-height:1;color:var(--white);background:none;border:none;cursor:pointer;opacity:.8}.lightbox-close:hover{opacity:1}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:1.75rem;color:var(--white);background:#ffffff14;border:none;border-radius:999px;width:48px;height:48px;cursor:pointer;opacity:.85;transition:opacity .2s ease,background .2s ease}.lightbox-arrow:hover{opacity:1;background:#ffffff29}.lightbox-arrow-left{left:1.5rem}.lightbox-arrow-right{right:1.5rem}.lightbox-count{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.85rem}.detail-nav{display:flex;justify-content:space-between;gap:2rem;margin-top:4.5rem;padding-top:2rem;border-top:1px solid rgba(24,24,24,.1)}.detail-nav-link{display:flex;flex-direction:column;gap:.35rem}.detail-nav-right{text-align:right;align-items:flex-end}.detail-nav-link span{font-size:.8rem;color:var(--text-muted)}.detail-nav-link strong{font-size:1rem;font-weight:700}.detail-nav-link:hover strong{color:var(--signal-blue)}.closing{background:var(--ink-black);color:var(--white);padding:7rem 0 6rem}.closing-headline{font-weight:800;font-size:clamp(2.25rem,5.5vw,4rem);line-height:1.08;letter-spacing:-.02em;color:var(--white);max-width:16ch}.closing-sub{margin-top:1.75rem;max-width:55ch;color:#ffffffa6;font-size:1.1rem}.site-footer{background:var(--ink-black);color:#ffffffb3;padding:3.5rem 0 2rem}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.12)}.wordmark-footer{color:var(--white)}.wordmark-footer .wordmark-suffix{color:#ffffff80}.footer-nav{display:flex;gap:2rem}.footer-nav a{font-size:.9rem;opacity:.75;transition:opacity .2s ease}.footer-nav a:hover{opacity:1}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.75rem;font-size:.8rem;color:#ffffff73;flex-wrap:wrap;gap:.75rem}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){.intro-grid,.services-interactive{grid-template-columns:1fr;gap:2rem}.services-panel{order:-1;aspect-ratio:16 / 9}.clients-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}.approach-grid{grid-template-columns:repeat(2,1fr)}.vision-grid{grid-template-columns:1fr;gap:2rem}.stat-row{grid-template-columns:repeat(2,1fr);row-gap:2rem}.gallery-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr;gap:2rem}.photo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.main-nav{position:fixed;top:0;right:0;height:100vh;width:min(78vw,320px);background:var(--white);flex-direction:column;align-items:flex-start;justify-content:center;gap:1.75rem;padding:2rem;transform:translate(100%);transition:transform .3s ease;box-shadow:-8px 0 24px #18181814}.main-nav.open{transform:translate(0)}.nav-toggle{display:flex}.section{padding:4.5rem 0}.closing{padding:5rem 0 4rem}.section-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.clients-grid,.approach-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-nav{flex-wrap:wrap;gap:1.25rem}.footer-bottom{flex-direction:column;align-items:flex-start}.page-head{padding-top:7.5rem}.gallery-grid{grid-template-columns:1fr}.detail-nav{flex-direction:column;gap:1.25rem}.detail-nav-right{text-align:left;align-items:flex-start}.photo-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.lightbox{padding:1rem}.lightbox-arrow{width:40px;height:40px;font-size:1.4rem}.lightbox-arrow-left{left:.5rem}.lightbox-arrow-right{right:.5rem}.hero{padding:7.5rem 0 3rem;min-height:640px}.hero-scrim{background:#08080ad1}.collage-tagline strong{font-size:1.1rem}}