@charset "UTF-8";
:root{--pink:#ff006b;--blue:#263cff;--ink:#131313;--paper:#f6f5f2;--line:rgba(19,19,19,.22);--pad:clamp(22px,5.4vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:var(--blue);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:7px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(46px,6.1vw,94px);line-height:1.01;letter-spacing:-.065em;font-weight:800}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}p{font-size:17px;line-height:1.6}button{border:0}section{scroll-margin-top:0}.section-pad{padding:96px var(--pad)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.095em;text-transform:uppercase}.section-top{display:flex;justify-content:space-between;gap:24px;padding-bottom:32px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.skip-link{position:fixed;top:-100px;left:24px;padding:16px;background:#fff;z-index:100}.skip-link:focus{top:12px}
.header{height:88px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);gap:32px;position:relative;z-index:30}.brand img{width:142px;height:auto;max-height:55px;object-fit:contain}.desktop-nav{display:flex;gap:36px;font-size:14px}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:4px;width:0;height:2px;background:var(--pink);transition:width .25s}.desktop-nav a:hover:after{width:100%}.header-contact{border:1px solid #777;border-radius:40px;padding:14px 21px;font-size:14px;display:flex;align-items:center;gap:25px}.button-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--pink);flex-shrink:0}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}
.hero{background:var(--pink);min-height:760px;position:relative;padding:28px var(--pad) 66px;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.11em}.hero-title-wrap{position:relative;margin-top:47px}h1{font-size:clamp(92px,14.8vw,240px);line-height:.88;letter-spacing:-.077em;font-weight:900;position:relative;z-index:2}.connecting{display:block}.by-design{display:flex;align-items:baseline;gap:.16em;margin-left:18%;white-space:nowrap}.by{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;font-size:.64em;letter-spacing:-.09em}.period{color:#fff;margin-left:-.15em}.hero-asterisk{position:absolute;font-size:clamp(100px,14vw,220px);line-height:1;left:0;bottom:-12px;color:var(--blue);animation:rotate 35s linear infinite}.hero-bottom{display:grid;grid-template-columns:1fr 1fr .45fr;gap:42px;align-items:start;margin-top:68px;position:relative;z-index:2}.hero-bottom>p{font-size:clamp(23px,2.4vw,38px);line-height:1.12;letter-spacing:-.04em;font-weight:700}.hero-bottom>p em{font-family:Georgia,serif;font-weight:400}.hero-summary{max-width:360px;font-size:16px;line-height:1.45;margin-bottom:22px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 26px;border-radius:40px;min-height:56px;font-size:14px;font-weight:600;transition:background .25s,transform .25s,color .25s}.pill:hover{transform:translateY(-3px)}.pill-dark{background:var(--ink);color:#fff}.pill-dark:hover{background:var(--blue)}.pill-light{background:var(--paper);color:var(--ink)}.scroll-cue{font-size:12px;line-height:1.4;display:flex;justify-content:flex-end;gap:16px;align-items:center;padding-top:16px}.scroll-icon{width:24px;height:38px;border:1px solid var(--ink);border-radius:20px;position:relative}.scroll-icon:before{content:'';position:absolute;top:8px;left:10px;height:8px;width:2px;background:var(--ink);animation:nudge 2s infinite}.hero-stamp{display:none}.ticker{background:var(--blue);color:#fff;overflow:hidden;padding:19px 0}.ticker-track{display:flex;width:max-content;gap:44px;align-items:center;animation:marquee 35s linear infinite;font-size:clamp(17px,2.5vw,32px);font-weight:700;text-transform:uppercase;letter-spacing:-.025em}.ticker-track b{font-size:36px;color:var(--pink)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:8px 0 54px}.section-heading p{max-width:355px;font-size:16px;padding-bottom:8px}.project-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:32px;align-items:start}.project{padding:0;background:none;text-align:left;width:100%}.project-lazy{margin-top:124px}.project-image{display:block;position:relative;overflow:hidden;background:#e5e6db}.project-image img{width:100%;height:auto;aspect-ratio:1.28;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1)}.project:hover .project-image img{transform:scale(1.035)}.project-open{position:absolute;bottom:20px;right:20px;background:var(--paper);border-radius:30px;padding:12px 18px;font-size:12px;box-shadow:0 3px 20px #0001}.project-info{display:flex;justify-content:space-between;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.project-info strong{display:block;font-size:31px;letter-spacing:-.055em;margin-bottom:7px}.project-info>span>span{font-size:13px}.project-tags{text-align:right;font-size:12px;line-height:1.7;align-self:center}.work-caption{font-size:12px;line-height:1.5;margin-top:25px;max-width:560px;color:#646464}
.identity{background:var(--ink);color:var(--paper);padding-top:76px;padding-bottom:36px}.identity-intro{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:44px}.identity h2{font-size:clamp(40px,4.8vw,70px);margin-top:23px}.identity h2 span{color:var(--pink)}.identity-intro p{max-width:360px;color:#c8c8c8;font-size:16px}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.logo-cell{height:270px;position:relative;padding:36px 24px 58px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-cell img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.logo-cell:hover img{transform:scale(1.07)}.logo-light{background:white;color:var(--ink)}.logo-paper{background:#e8e4d9;color:var(--ink)}.logo-black{background:#202329;color:white}.logo-pink{background:#ffcfdf;color:var(--ink)}.logo-cell figcaption{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;gap:8px;font-size:11px}.identity-footer{display:flex;justify-content:space-between;gap:25px;margin-top:25px;font-size:12px;color:#adadad}
.services{background:var(--paper)}.services-layout{display:grid;grid-template-columns:1fr 1.18fr;gap:8%;margin-top:35px}.services h2{font-size:clamp(40px,4.9vw,74px)}.services-intro>p{max-width:330px;margin:26px 0;font-size:16px;color:#535353}.text-link{display:inline-block;font-size:14px;font-weight:700;padding-bottom:7px;border-bottom:1px solid currentColor}.text-link:hover{color:var(--blue)}.service-star{display:block;color:var(--blue);font-size:135px;line-height:1;margin-top:46px;width:max-content;animation:rotate 45s linear infinite}.service-list details{border-bottom:1px solid var(--line)}.service-list details:first-child{border-top:1px solid var(--line)}.service-list summary{display:flex;gap:20px;align-items:center;padding:27px 0;cursor:pointer;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-number{font-size:12px;color:#666}.service-list h3{font-size:clamp(20px,2vw,29px);font-weight:600;letter-spacing:-.045em;flex:1}.plus{width:22px;height:22px;position:relative;flex-shrink:0}.plus:before,.plus:after{position:absolute;content:'';background:var(--ink);height:1px;width:16px;top:11px;left:3px;transition:transform .25s}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}details[open] h3{color:#bb004a}.service-body{padding:0 38px 30px}.service-body p{font-size:15px;color:#555;margin-bottom:20px}.service-body>span{font-size:12px;line-height:1.8;color:#555}
.visibility{background:var(--blue);color:#fff}.visibility .section-top{border-color:#ffffff60}.visibility-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:42px;margin-top:10px}.visibility h2{font-size:clamp(46px,6vw,90px)}.visibility h2 em{color:#ffc0d8}.visibility-heading>p{max-width:360px;font-size:16px;color:#eee}.connection-path{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #ffffff55}.connection-path article{padding:24px 26px 0 0;position:relative}.connection-path article+article{border-left:1px solid #ffffff55;padding-left:26px}.path-number{font-size:12px}.path-art{height:125px;display:flex;align-items:center;margin:12px 0 14px}.search-art{gap:10px;flex-wrap:wrap;align-content:center}.search-art>span:nth-child(2){font-size:14px}.search-symbol{width:18px;height:18px;border:2px solid #fff;border-radius:50%;position:relative;margin-right:7px}.search-symbol:after{content:'';position:absolute;width:8px;height:2px;background:#fff;transform:rotate(45deg);bottom:-4px;right:-5px}.search-art i{height:2px;background:#ff96c4;width:90%;margin-top:12px}.trust-art{display:block;padding-top:26px}.trust-art span{display:block;font-size:29px;font-weight:700;letter-spacing:-.06em;line-height:1.1}.trust-art span+span{color:#ffb5d3;font-family:Georgia,serif;font-weight:400;font-style:italic}.action-art>span{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--pink);padding:20px 30px;border-radius:50px;font-weight:700}.action-art .button-dot{background:#fff}.connection-path h3{font-size:32px;letter-spacing:-.045em;margin-bottom:14px}.connection-path p{font-size:15px;color:#e6e8ff;max-width:330px}.outcome{font-size:12px;display:block;margin-top:23px;color:#fff}.visibility-note{border-top:1px solid #ffffff55;margin-top:44px;padding-top:25px;display:flex;justify-content:space-between;gap:45px}.visibility-note strong{font-size:16px;flex-shrink:0}.visibility-note p{font-size:14px;max-width:620px;color:#e6e8ff}
.app-section{background:var(--ink);color:white;display:grid;grid-template-columns:.85fr 1.15fr;min-height:690px;overflow:hidden}.app-copy{padding:85px 40px 75px var(--pad);position:relative;z-index:1}.app-copy h2{margin:35px 0 25px;font-size:clamp(52px,6.1vw,90px)}.app-copy h2 em{color:var(--pink)}.app-copy>p{max-width:340px;font-size:16px;color:#bdbdbd;margin-bottom:30px}.app-platforms{display:block;margin-top:28px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.app-visual{position:relative;display:flex;align-items:center;background:#dfd9d7;overflow:hidden}.app-visual img{width:100%;height:100%;object-fit:cover;object-position:53% center}.app-caption{position:absolute;bottom:0;left:0;right:0;font-size:11px;padding:14px 20px;background:#131313e8;color:#fff;line-height:1.5}
.about{background:#e9e6df}.about-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;margin:26px 0 66px}.about h2{font-size:clamp(43px,5.5vw,83px)}.about h2 em{color:var(--blue)}.about-copy .large-copy{font-size:26px;line-height:1.25;letter-spacing:-.035em;color:var(--ink);margin-bottom:25px}.about-copy p{font-size:16px;color:#555;margin-bottom:20px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process article{padding-top:20px;border-top:1px solid var(--line)}.process span{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.process h3{font-size:23px;letter-spacing:-.035em;margin:25px 0 12px}.process p{font-size:15px;color:#555;max-width:330px}
.contact{background:var(--pink);position:relative;overflow:hidden;padding-top:50px;padding-bottom:65px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-asterisk{font-size:95px;line-height:1;color:var(--blue);animation:rotate 35s linear infinite}.contact h2{font-size:clamp(70px,11.7vw,180px);margin:20px 0 45px;line-height:.94}.contact h2 em{color:#fff}.contact-bottom{display:flex;align-items:center;gap:40px}.email-address{font-size:clamp(16px,2vw,28px);letter-spacing:-.025em;border-bottom:1px solid #13131380;padding-bottom:5px}.contact-bottom>p{font-size:13px;line-height:1.4;margin-left:auto}footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px var(--pad);background:var(--ink);color:white}footer img{width:140px;height:auto}footer>span{font-size:13px}footer p{font-size:11px;color:#aaa;line-height:1.6}footer>a:last-child{font-size:12px}
.project-dialog{padding:0;border:0;max-width:980px;width:calc(100% - 40px);max-height:90dvh;background:var(--paper);color:var(--ink);overflow:auto}.project-dialog::backdrop{background:#0b0b0be8;backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:15px;left:calc(100% - 115px);margin:15px 15px -58px auto;z-index:2;display:flex;align-items:center;gap:15px;padding:12px 17px;background:var(--ink);color:#fff;border-radius:30px;font-size:13px}.dialog-close span{font-size:22px;line-height:1}.dialog-content>img{width:100%;aspect-ratio:1.5;object-fit:cover}.dialog-copy{padding:40px}.dialog-copy h2{font-size:clamp(32px,5vw,58px);margin:18px 0}.dialog-copy>p{max-width:740px;font-size:16px}.dialog-note{margin:20px 0;color:#666;font-size:13px!important}.dialog-copy .pill{margin-top:10px}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media(min-width:1600px){.hero{min-height:880px}.hero-title-wrap{margin-top:65px}}@media(max-width:1100px){.hero{min-height:680px}.hero-bottom{gap:26px;margin-top:55px}.hero-title-wrap{margin-top:60px}.logo-cell{height:230px;padding:30px 20px 50px}.services-layout{gap:5%}.app-section{grid-template-columns:1fr 1fr;min-height:640px}.contact-bottom{gap:25px}.section-top{font-size:12px}.desktop-nav{gap:23px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:76px;padding:0 22px;gap:20px}.brand img{width:122px}.desktop-nav{display:none}.header-contact{margin-left:auto;padding:11px 16px;font-size:12px;gap:16px}.menu-toggle{display:flex;background:none;width:28px;height:40px;flex-direction:column;justify-content:center;gap:6px;padding:0}.menu-toggle span{width:25px;height:1px;background:#fff;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:absolute;top:76px;left:0;right:0;background:var(--ink);display:flex;flex-direction:column;padding:25px 24px 35px;gap:20px;border-top:1px solid #444;font-size:24px}.hero{min-height:0;padding:24px 22px 42px}.hero-meta{font-size:9px;gap:30px}.hero-meta span:last-child{text-align:right;max-width:110px}.hero-title-wrap{margin-top:55px}h1{font-size:14.9vw;letter-spacing:-.075em}.by-design{margin-left:17%;margin-top:8px}.hero-asterisk{font-size:17vw;bottom:-3px}.hero-bottom{grid-template-columns:1fr;margin-top:40px;gap:22px}.hero-bottom>p{font-size:28px;max-width:300px}.hero-summary{max-width:360px;font-size:15px}.hero-bottom>div{display:grid;grid-template-columns:1fr;gap:0}.hero .pill{width:max-content}.scroll-cue{position:absolute;right:0;bottom:7px;font-size:10px;gap:9px;max-width:95px}.scroll-icon{width:20px;height:32px}.scroll-icon:before{left:8px}.ticker{padding:12px 0}.ticker-track{gap:25px;font-size:19px}.ticker-track b{font-size:25px}.section-pad{padding:58px 22px}.section-top{gap:20px;font-size:11px;align-items:flex-start;padding-top:17px;padding-bottom:25px}.section-top>span:last-child{max-width:150px;text-align:right}.eyebrow{font-size:10px;line-height:1.6}.section-heading{display:block;margin:5px 0 32px}.section-heading p{margin-top:24px;font-size:15px}.project-grid{grid-template-columns:1fr;gap:35px}.project-lazy{margin-top:0}.project-image img{aspect-ratio:1.35}.project-info strong{font-size:28px}.project-tags{font-size:11px}.project-info>span>span{font-size:12px}.work-caption{font-size:11px}.identity-intro{display:block}.identity-intro p{margin-top:24px;font-size:15px}.identity h2{font-size:44px}.logo-grid{grid-template-columns:1fr 1fr}.logo-cell{height:210px;padding:30px 18px 48px}.logo-cell figcaption{font-size:10px;left:12px;right:12px}.identity-footer{font-size:11px;line-height:1.5}.identity-footer>span:last-child{text-align:right;max-width:150px}.services-layout{grid-template-columns:1fr;margin-top:5px;gap:36px}.services h2{font-size:49px}.services-intro>p{max-width:420px}.service-star{display:none}.service-list h3{font-size:23px}.service-list summary{gap:16px;padding:25px 0}.service-body{padding-left:31px;padding-right:5px}.visibility-heading{display:block}.visibility h2{font-size:55px}.visibility-heading>p{margin-top:26px;font-size:15px}.connection-path{grid-template-columns:1fr;margin-top:38px}.connection-path article,.connection-path article+article{border-left:0;border-bottom:1px solid #ffffff55;padding:24px 0 28px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.path-number{grid-column:1/-1}.path-art{grid-column:2;grid-row:2/5;height:auto;align-self:center;margin:0}.connection-path h3{font-size:28px;margin-top:18px;grid-column:1}.connection-path p{grid-column:1;font-size:14px}.outcome{grid-column:1/-1;margin-top:18px;font-size:11px}.trust-art{padding-top:0}.trust-art span{font-size:25px}.search-art>span:nth-child(2){font-size:12px}.action-art>span{padding:16px 22px;gap:18px;font-size:14px}.visibility-note{display:block;margin-top:0;border:0}.visibility-note p{margin-top:14px}.app-section{grid-template-columns:1fr}.app-copy{padding:60px 22px 45px}.app-copy h2{font-size:67px;margin:25px 0}.app-copy>p{max-width:400px}.app-visual{min-height:0}.app-visual img{height:auto;width:100%;aspect-ratio:1.25;object-fit:cover}.app-caption{font-size:10px}.about-layout{grid-template-columns:1fr;gap:35px;margin:6px 0 42px}.about h2{font-size:clamp(39px,8vw,60px)}.about-copy .large-copy{font-size:25px}.process{grid-template-columns:1fr;gap:28px}.process h3{margin-top:16px}.contact{padding-top:36px;padding-bottom:44px}.contact-top .eyebrow{max-width:230px}.contact-asterisk{font-size:57px}.contact h2{font-size:clamp(60px,12vw,90px);margin:30px 0 35px}.contact-bottom{display:flex;flex-wrap:wrap;gap:25px}.contact-bottom .pill{order:2}.contact-bottom .email-address{order:1;width:max-content;font-size:21px;margin-right:20px}.contact-bottom>p{order:3;font-size:12px;margin-left:auto}footer{padding:32px 22px;display:grid;grid-template-columns:1fr 1fr;gap:28px}footer>span{text-align:right;font-size:12px}footer>a:last-child{text-align:right}footer p{font-size:10px}.dialog-copy{padding:26px}.dialog-close{top:10px}.dialog-content>img{min-height:230px;object-fit:cover}.dialog-copy .pill{font-size:12px;padding:16px 22px}}
@media(max-width:370px){.header-contact{display:none}.menu-toggle{margin-left:auto}.hero-meta span:last-child{display:none}.scroll-cue{display:none}.logo-cell{height:190px;padding:25px 14px 48px}.service-list h3{font-size:21px}.contact h2{font-size:56px}.contact-bottom>p{margin-left:0}.connection-path article,.connection-path article+article{grid-template-columns:1fr}.path-art{grid-column:1;grid-row:auto;margin:20px 0}.connection-path h3{grid-row:2}.connection-path p{grid-row:3}.outcome{grid-row:5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
.motion-toggle{background:transparent;color:#ccc;font-size:12px;padding:10px 0;text-align:left;white-space:nowrap}.motion-toggle:hover{color:#fff}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}html[data-motion=paused]{scroll-behavior:auto}@media(max-width:760px){.hero-meta{font-size:10px}.service-body p{font-size:16px}.service-body>span{font-size:12px}.hero-meta span:last-child{max-width:125px}.project-tags,.project-info>span>span{font-size:12px}.logo-cell figcaption{font-size:12px}.app-platforms,.app-caption{font-size:12px}.identity-footer,.work-caption{font-size:12px}.section-top{font-size:12px}.connection-path p{font-size:16px}.outcome{font-size:12px}.motion-toggle{grid-column:1}footer>a:last-child{grid-column:2;grid-row:3}}
/* Direction 02: precision, depth, and scroll-led composition. */
:root{--ink:#0a0b0e;--paper:#eff0f2;--pink:#ff2a85;--blue:#5066ff;--line:#ffffff26}
body{background:#0a0b0e;color:#f1f2f5;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}h2{font-weight:600;letter-spacing:-.065em}h2 em,.hero-bottom>p em,.trust-art span+span{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}p{font-weight:400}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#8b9aff}.header{position:absolute;top:0;left:0;right:0;height:100px;background:transparent;border-bottom:1px solid #ffffff1a;margin:0 var(--pad);padding:0;z-index:30}.brand img{width:156px}.desktop-nav{color:#d8d9dd;font-size:13px}.header-contact{border-color:#ffffff3a;border-radius:6px;font-size:13px}.button-dot{width:6px;height:6px}.pill{border-radius:5px;font-size:13px;font-weight:500;padding:19px 24px;gap:36px}.pill-light{background:#f1f2f5;color:#111}.pill-light:hover{background:#dfe3ff}.pill-dark{background:#111319;color:#fff}.hero-v2{background:#08090d;min-height:860px;height:100svh;max-height:1200px;padding:145px var(--pad) 30px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-3;will-change:transform;transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1));transform-origin:70% 50%}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:60% 50%}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#08090ddd 0%,#08090d69 36%,transparent 73%),linear-gradient(0deg,#08090d 0%,transparent 35%);z-index:-2}.hero-meta{font-size:10px;letter-spacing:.15em;color:#a8abb6;font-weight:500;gap:35px}.hero-meta span:last-child{color:#b9bccc}.hero-title-wrap{margin-top:clamp(64px,10vh,115px);transform:translate3d(0,var(--title-y,0px),0);will-change:transform}h1{font-size:clamp(90px,10.7vw,175px);font-weight:550;line-height:.97;letter-spacing:-.075em;color:#f3f4f7}.connecting{display:block}.by-design{display:block;margin:0;white-space:nowrap}.by{font-family:inherit;font-size:1em;font-style:normal;letter-spacing:inherit;font-weight:inherit;color:#727681}.design-word{color:#fff}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:38px}.hero-bottom>div{display:block}.hero-summary{font-size:18px;line-height:1.4;color:#e6e8ee;max-width:430px;margin-bottom:26px}.hero-summary>span{display:block;color:#9499a6;font-size:14px;margin-top:12px}.hero-feature{font-size:13px;line-height:1.6;color:#c1c4d1;letter-spacing:.015em;margin-right:12px;margin-bottom:5px}.hero-feature-line{width:50px;height:1px;background:#8b91a7;display:block;margin-bottom:20px}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#747b8d;margin-top:auto;padding-top:36px}.hero-footer a{display:flex;align-items:center;gap:20px;color:#bdc1ce;font-size:10px}.scroll-track{display:inline-block;width:60px;height:1px;background:#ffffff35;position:relative}.scroll-track:after{content:'';position:absolute;left:0;top:-1px;height:3px;width:15px;background:#c8cfff}.studio-statement{display:flex;justify-content:space-between;align-items:flex-end;padding:75px var(--pad);border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#0a0b0e;gap:35px}.studio-statement p{font-size:clamp(26px,3.3vw,50px);letter-spacing:-.055em;line-height:1.18;font-weight:500}.studio-statement p>span{color:#626674}.statement-note{font-size:12px;line-height:1.7;color:#858a99;max-width:210px}
.section-pad{padding-top:110px;padding-bottom:110px}.section-top{color:#848a9a;border-color:#ffffff25;padding-top:19px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em}.work{background:#0a0b0e}.section-heading{margin-top:10px;margin-bottom:65px}.section-heading h2 em{color:#747b8d}.section-heading p{color:#9298a7;font-size:15px;max-width:310px}.project-grid{display:block;position:relative;padding-bottom:40px}.project{position:sticky;top:35px;display:block;background:#14161b;border:1px solid #ffffff22;padding:12px;border-radius:12px;box-shadow:0 25px 80px #0008;overflow:hidden;transform-origin:50% 0;will-change:transform;transform:scale(var(--project-scale,1))}.project-lazy{margin-top:130px;z-index:2}.project-image{border-radius:5px;background:#171a22}.project-image img{height:min(64vh,730px);aspect-ratio:auto;width:100%;object-fit:cover;object-position:center 58%;transition:transform .8s}.project-open{border-radius:5px;background:#f1f2f5;color:#111;bottom:24px;right:24px;padding:14px 22px;font-size:12px}.project-info{padding:25px 17px 16px;border:0;color:#fff}.project-info strong{font-size:32px;font-weight:500;margin-bottom:6px}.project-info>span>span{color:#8d93a2}.project-tags{color:#b6bbca;font-size:12px}.work-caption{color:#777f90;max-width:none;margin-top:0}.identity{background:#101217;padding-top:75px;padding-bottom:50px}.identity-intro p{color:#9097a7}.identity h2 span{color:#818ca4}.logo-grid{gap:1px;background:#ffffff15;border:1px solid #ffffff15;border-radius:8px;overflow:hidden}.logo-cell{height:290px}.logo-cell figcaption{font-size:12px}.logo-pink{background:#e5e7ed}.identity-footer{color:#737c90}
.services{background:#e9ecf1;color:#10131b;--line:#10131b30}.services .section-top{border-color:#10131b30;color:#596272}.services-layout{grid-template-columns:1fr 1.1fr;gap:9%}.services-intro{position:sticky;top:75px;align-self:start}.services h2 em{color:#56617b}.services-intro>p{max-width:350px;color:#5b6271;font-size:16px}.service-list h3{font-size:25px;font-weight:500}.service-list summary{padding:30px 0}.service-body p{font-size:16px;color:#535d70}details[open] h3{color:#273d8c}.service-body>span{color:#687287}.service-number{color:#737d90}.text-link{font-weight:500;font-size:14px}.visibility{background:#0c0f19;color:#e6e9f1;position:relative}.visibility:before{content:'';position:absolute;right:0;top:0;width:65%;height:75%;background:radial-gradient(ellipse at top right,#2c388233,transparent 70%);pointer-events:none}.visibility .section-top,.connection-path,.connection-path article+article,.visibility-note{border-color:#ffffff20}.visibility-heading{position:relative}.visibility h2 em{color:#8093fb}.visibility-heading>p{color:#8d97ad}.connection-path p,.visibility-note p{color:#959fb3}.connection-path h3{font-weight:500}.path-number{color:#697794}.path-art{color:#b1bfdf}.search-symbol{border-color:#7a92d4}.search-symbol:after{background:#7a92d4}.search-art i{background:linear-gradient(90deg,#4b65da,#da4e99);height:1px}.trust-art span+span{color:#8b9ac1}.action-art>span{background:linear-gradient(110deg,#364ea3,#53478c);border:1px solid #b4bfff33;border-radius:6px;font-size:14px}.outcome{color:#b2bfd8}.visibility-note strong{font-weight:500}.app-section{background:#101216;min-height:740px}.app-copy{padding-top:105px}.app-copy h2 em{color:#9ca9c6}.app-copy>p{color:#929aaa}.app-visual{margin:44px 30px 44px 0;border-radius:8px}.app-visual img{object-position:52% center}.app-caption{background:#101216e8;color:#aeb6c8}.about{background:#e9ecf1;color:#10131b;--line:#10131b30}.about .section-top{border-color:#10131b30;color:#596272}.about h2 em{color:#687690}.about-copy .large-copy{color:#10131b}.about-copy p,.process p{color:#5b6476}.process h3{font-weight:500}.process span{color:#66738c}.contact{background:#0a0b0e;min-height:620px;padding-top:70px;padding-bottom:60px}.contact:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 120%,#ab176b38,transparent 60%);pointer-events:none}.contact>*{position:relative}.contact-top{border-top:1px solid #ffffff25;padding-top:20px;gap:35px;color:#8c94a7}.contact-index{font-size:11px;letter-spacing:.1em;white-space:nowrap}.contact h2{font-size:clamp(65px,10.5vw,160px);font-weight:500;margin:70px 0 55px}.contact h2 em{color:#7f89a0}.contact-bottom .pill{background:#ebedf4;color:#111}.contact-bottom .pill:hover{background:#c8d1ec}.email-address{color:#c1c7d4;border-color:#ffffff30;font-size:22px}.contact-bottom>p{color:#737e94}footer{background:#0a0b0e;border-top:1px solid #ffffff18}footer>span{color:#8e96a8}.dialog-copy{color:#12151b}.project-dialog{border:1px solid #ffffff24;border-radius:10px}.dialog-copy h2{font-weight:500}.motion-toggle{color:#8691a7}.header-contact:hover{background:#ffffff0b}.scroll-icon,.hero-asterisk,.service-star,.contact-asterisk,.ticker{display:none}
@media(min-width:1600px){.hero-v2{min-height:960px}.hero-title-wrap{margin-top:13vh}}
@media(max-width:1100px){.hero-v2{min-height:850px}.hero-art img{object-position:63% center}.hero-vignette{background:linear-gradient(90deg,#08090dda,#08090d30 75%),linear-gradient(0deg,#08090d,transparent 55%)}.project-image img{height:58vh}.logo-cell{height:250px}.app-copy{padding-right:25px}.contact-bottom{flex-wrap:wrap}}
@media(max-width:760px){.header{height:80px;margin:0 22px}.brand img{width:128px}.header-contact{padding:11px 14px;font-size:11px;border-radius:4px}.mobile-nav{top:80px;border:1px solid #ffffff25;border-radius:0 0 8px 8px;background:#10121af5;backdrop-filter:blur(20px)}.hero-v2{padding:115px 22px 26px;height:auto;min-height:820px;max-height:none}.hero-meta{font-size:9px;letter-spacing:.1em}.hero-meta span:last-child{display:none}.hero-art{inset:30px -140px 40px -60px;opacity:.95}.hero-art img{object-position:59% 30%;object-fit:cover}.hero-vignette{background:linear-gradient(0deg,#08090d 0%,#08090d22 60%,#08090d55),linear-gradient(90deg,#08090d88,transparent)}.hero-title-wrap{margin-top:100px}h1{font-size:clamp(48px,12.6vw,90px);line-height:1.06;font-weight:550;letter-spacing:-.065em}.by-design{margin:0}.by{color:#9ba3b5}.hero-bottom{margin-top:45px;display:block}.hero-summary{font-size:17px;line-height:1.5;max-width:325px;text-shadow:0 1px 20px #000}.hero-summary>span{font-size:13px;color:#a4aaba;max-width:250px;margin-top:15px}.hero-feature{display:none!important}.hero-footer{padding-top:60px;margin-top:auto;font-size:9px;gap:15px}.hero-footer>span:last-child{display:none}.hero-footer a{font-size:9px;gap:12px}.scroll-track{width:30px}.studio-statement{padding:45px 22px;display:block}.studio-statement p{font-size:29px}.statement-note{display:block;margin-top:25px;font-size:12px}.section-pad{padding:65px 22px}.section-heading h2{font-size:46px}.section-heading p{font-size:15px}.section-heading{margin-bottom:35px}.project-grid{padding-bottom:20px}.project{top:16px;padding:7px;border-radius:8px}.project-lazy{margin-top:60px}.project-image{border-radius:3px}.project-image img{height:auto;aspect-ratio:1.18;object-position:center}.project-open{bottom:12px;right:12px;font-size:11px;padding:11px 14px}.project-info{padding:18px 8px 11px;gap:12px}.project-info strong{font-size:24px}.project-info>span>span,.project-tags{font-size:11px}.project-tags{max-width:120px}.work-caption{font-size:12px}.identity-intro h2{font-size:42px}.identity-intro p{font-size:15px}.logo-cell{height:210px}.services-layout{grid-template-columns:1fr;gap:35px}.services-intro{position:static}.services h2{font-size:48px}.service-list h3{font-size:22px}.service-list summary{padding:26px 0}.visibility h2{font-size:49px}.visibility-heading>p{font-size:16px}.connection-path article,.connection-path article+article{border-bottom-color:#ffffff20}.connection-path h3{font-size:27px}.connection-path p{font-size:15px}.action-art>span{padding:15px 20px}.app-section{min-height:0}.app-copy{padding:65px 22px 40px}.app-copy h2{font-size:64px}.app-visual{margin:0 16px 25px;min-height:0}.app-visual img{aspect-ratio:1.05;height:auto}.app-caption{font-size:10px;padding:10px 14px}.about h2{font-size:clamp(38px,8.9vw,65px)}.contact{min-height:0}.contact h2{font-size:clamp(46px,10.8vw,84px);margin:45px 0}.contact-top .eyebrow{max-width:230px;font-size:10px}.contact-index{display:none}.contact-bottom{gap:25px}.email-address{font-size:20px}.contact-bottom .pill{font-size:13px}.contact-bottom>p{font-size:12px;max-width:150px}footer{padding:35px 22px}.dialog-copy h2{color:#111}}
@media(max-width:370px){.hero-v2{min-height:760px}.hero-title-wrap{margin-top:80px}.hero-summary{font-size:16px}.project-info{flex-direction:column}.project-tags{text-align:left;align-self:flex-start;max-width:none}.logo-cell{height:190px}.connection-path article,.connection-path article+article{grid-template-columns:1fr}.contact h2{font-size:46px}.contact-bottom .email-address{font-size:18px}.contact-bottom>p{margin-left:0}.hero-meta{font-size:9px}.hero-footer{font-size:8px}.header-contact{display:none}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-title-wrap,.project{transform:none!important}.project{position:relative;top:auto}.hero-v2{scroll-behavior:auto}}
html[data-motion=paused] .hero-art,html[data-motion=paused] .hero-title-wrap,html[data-motion=paused] .project{transform:none!important}

/* Electric-pink emphasis across the headline system. */
.hero-v2 .by,
.studio-statement p > span,
.section-heading h2 em,
.identity h2 span,
.services h2 em,
.visibility h2 em,
.trust-art span + span,
.app-copy h2 em,
.about h2 em,
.contact h2 em { color: var(--pink); }