:root{--accent:#c43c9a;--coral:#ee8a6c;--scrollbar-track:#0a0f26;--scrollbar-thumb:#c43c9a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}html,body{scroll-behavior:smooth;margin:0;padding:0}body{color:#eef0f5;-webkit-font-smoothing:antialiased;background:linear-gradient(#0c1432 0%,#0a0f26 100%);min-height:100vh;font-family:Space Mono,monospace;font-weight:400;overflow-x:hidden}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar{width:10px;height:10px}.modal-panel::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}html::-webkit-scrollbar-track{background:var(--scrollbar-track)}body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.modal-panel::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}html::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}.modal-panel::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--coral)}html::-webkit-scrollbar-thumb:hover{background:var(--coral)}body::-webkit-scrollbar-thumb:hover{background:var(--coral)}.modal-panel::-webkit-scrollbar-thumb:hover{background:var(--coral)}::-webkit-scrollbar-button{width:0;height:0;display:none}html::-webkit-scrollbar-button{width:0;height:0;display:none}body::-webkit-scrollbar-button{width:0;height:0;display:none}.modal-panel::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}html::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.modal-panel::-webkit-scrollbar-corner{background:var(--scrollbar-track)}h1,h2,h3{font-family:Space Grotesk,sans-serif}img,video{max-width:100%;display:block}a{color:inherit}button{font:inherit}.accent{color:var(--accent)}.coral{color:var(--coral)}.muted{color:#6b7299;font-size:13px}.muted.light{color:#c2c8dd;font-size:14px}.slot-label{color:#6b7299;text-align:center;font-size:11px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#0a0f26b3;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:fixed;top:0;left:0;right:0}.logo{appearance:none;color:#eef0f5;cursor:pointer;letter-spacing:.5px;background:0 0;border:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:30px;display:flex}.nav-link{appearance:none;color:#9aa1bb;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#eef0f5}.nav-cta{background:var(--accent);border-radius:6px;padding:9px 16px;font-weight:700;color:#0a0f26!important}.nav-cta.active{box-shadow:0 0 0 2px var(--coral)}.hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:56px;max-width:1320px;margin:0 auto;padding:150px 48px 80px;display:grid}.eyebrow{color:var(--coral);letter-spacing:1px;margin-bottom:22px;font-size:13px}.eyebrow.coral{color:var(--coral)}.display{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(46px,8vw,118px);font-weight:700;line-height:.88}.lead{color:#c2c8dd;max-width:540px;margin:30px 0 0;font-size:16px;line-height:1.65}.markdown-text{flex-direction:column;gap:12px;display:flex}.markdown-text p{margin:0}.markdown-text ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.markdown-text li{padding-left:18px;position:relative}.markdown-text li:before{background:var(--accent);content:"";border-radius:999px;width:5px;height:5px;position:absolute;top:.72em;left:0}.markdown-text h4{color:#eef0f5;margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.hero-contact{color:#c2c8dd;flex-direction:column;gap:6px;margin-top:30px;font-size:14px;display:flex}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{border-radius:6px;padding:13px 22px;font-size:14px;text-decoration:none}.btn-solid{color:#0a0f26;background:#eef0f5;font-weight:700}.btn-outline{color:#eef0f5;border:1px solid #fff3;transition:border-color .2s}.btn-outline:hover{border-color:#ffffff80}.btn-accent{background:var(--accent);color:#0a0f26;align-self:flex-start;margin-top:34px;padding:12px 20px;font-weight:700}.portrait{aspect-ratio:2/3;background:0 0;border:0;border-radius:10px;place-items:center;transition:box-shadow .24s;animation:5.6s ease-in-out infinite portrait-idle;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000003d}@keyframes portrait-idle{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-5px)rotate(.35deg)}72%{transform:translateY(-2px)rotate(-.25deg)}}@media (hover:hover){.portrait:hover{box-shadow:0 18px 42px #0000004d}.portrait:hover .portrait-media{filter:saturate(1.05)contrast(1.02);transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.portrait{transition:box-shadow .24s;animation:none}.portrait-media{transition:none}.portrait:hover .portrait-media{filter:none;transform:none}}.portrait-media{border-radius:inherit;filter:saturate();object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:filter .32s,transform .42s}.portrait-fill,.case-fill,.media-fill{background:repeating-linear-gradient(45deg,#161e44 0 14px,#11183a 14px 28px);position:absolute;inset:0}.strip{background:#0a0e22;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.strip-inner{flex-wrap:wrap;align-items:center;gap:14px 30px;max-width:1320px;margin:0 auto;padding:22px 48px;display:flex}.strip-label{color:#6b7299;letter-spacing:1px;font-size:12px}.strip-label.full{width:100%;margin-bottom:2px}.tool{color:#c2c8dd;font-size:15px}.section{max-width:1320px;margin:0 auto;padding:88px 48px}.section--tight{padding-top:0;padding-bottom:88px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:42px;display:flex}.section-head h2,.section-title{letter-spacing:-.02em;margin:0;font-size:clamp(30px,4.5vw,56px);font-weight:700}.section-title{margin-bottom:42px}.subview{padding-top:48px}.mosaic-section{max-width:none;margin:0;padding:0}.mosaic{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:1px;grid-auto-flow:dense;gap:0 8px;padding:8px;display:grid}.mosaic-tile{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:6px;align-self:start;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.mosaic-media{object-fit:cover;width:100%;height:auto;display:block}.mosaic-tile:after{content:"";opacity:0;pointer-events:none;background:#05081499;transition:opacity .2s;position:absolute;inset:0}.mosaic-logo{opacity:0;pointer-events:none;z-index:2;justify-content:center;align-items:center;padding:12%;transition:opacity .2s;display:flex;position:absolute;inset:0}@media (hover:hover){.mosaic-tile:hover:after{opacity:1}.mosaic-tile:hover .view{opacity:1;transform:translateY(0)}.mosaic-tile:hover .mosaic-logo{opacity:1}}.mosaic-tile:focus-visible:after{opacity:1}.mosaic-tile:focus-visible .view{opacity:1;transform:translateY(0)}.mosaic-tile:focus-visible .mosaic-logo{opacity:1}.mosaic-logo .client-logo-mark{object-position:center;width:auto;max-width:100%;max-height:44px}.mosaic-logo .client-name-mark{text-align:center;font-size:18px}.mosaic-tile .view{z-index:2}.slideshow{width:100%;display:block;position:relative;overflow:hidden}.slideshow-track{will-change:transform;width:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:flex}.slideshow-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;display:flex}.slideshow-dots{pointer-events:none;z-index:2;justify-content:center;gap:4px;display:flex;position:absolute;bottom:8px;left:0;right:0}.slideshow-dot{background:#ffffff73;border-radius:50%;width:5px;height:5px;transition:background .3s,width .3s}.slideshow-dot.is-active{background:#eef0f5;border-radius:3px;width:13px}.client-logo-mark{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:auto;max-height:24px;display:block}.client-name-mark{color:#eef0f5;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;line-height:1}.view{color:#eef0f5;opacity:0;font-size:11px;transition:opacity .2s,transform .2s;position:absolute;bottom:14px;right:14px;transform:translateY(5px)}.band{background:#0a0e22;border-top:1px solid #ffffff14}.band-inner{max-width:1320px;margin:0 auto;padding:88px 48px}.two-col{grid-template-columns:1fr 1fr;gap:64px;display:grid}.band h2{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(26px,3.5vw,40px);font-weight:700}.brace{color:var(--accent);font-size:18px}.brace:first-of-type{margin-bottom:30px}.timeline{border-left:1px solid #ffffff1f;flex-direction:column;gap:32px;padding-left:24px;display:flex}.role{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.period{color:var(--coral);margin-top:4px;font-size:13px}.note{color:#b6bdd6;margin:12px 0 0;font-size:14px;line-height:1.65}.langs{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.chip{color:#c2c8dd;border:1px solid #ffffff24;border-radius:6px;padding:5px 11px;font-size:13px}.chip.sm{padding:4px 10px;font-size:11px}.services{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service{background:#0d1330;border:1px solid #ffffff1a;border-radius:10px;padding:30px}.service h3{margin:14px 0 10px;font-size:22px;font-weight:600}.service p{color:#aeb5d0;margin:0 0 18px;font-size:14px;line-height:1.65}.chips{flex-wrap:wrap;gap:8px;display:flex}.contact{padding-top:96px;padding-bottom:80px}.cta{color:#eef0f5;letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:clamp(36px,8vw,116px);font-weight:700;line-height:.94;text-decoration:none;transition:opacity .2s;display:block}.cta:hover{opacity:.9}.contact-row{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:48px;display:flex}.contact-email{border-bottom:1px solid var(--accent);color:#eef0f5;padding-bottom:3px;font-size:14px;text-decoration:none}.social{color:#9aa1bb;font-size:13px;text-decoration:none;transition:color .2s}.social:hover{color:#eef0f5}footer{background:var(--coral);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:26px 48px;display:flex}footer span,.back-top{color:#0a0f26;font-size:12px}.back-top{font-weight:700;text-decoration:none}.modal{z-index:2000;justify-content:center;align-items:center;padding:3vh 3vw;display:flex;position:fixed;inset:0}.modal-scrim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050814db;position:absolute;inset:0}.modal-panel{--scrollbar-track:#080d21;background:#080d21;border:1px solid #ffffff1f;border-radius:10px;width:min(94vw,1500px);max-height:94vh;position:relative;overflow:auto}.modal-head{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#080d21db;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:66px;padding:14px 22px;display:flex;position:sticky;top:0}.modal-brand-line{color:#8f96b5;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.modal-client-logo{max-width:128px;max-height:26px}.modal-close{color:#eef0f5;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:6px;width:32px;height:32px;font-family:Space Grotesk,sans-serif;font-size:13px;line-height:1;transition:background .2s,border-color .2s}.modal-close:hover{background:#ffffff1a;border-color:#ffffff80}.case-study{flex-direction:column;gap:clamp(34px,5vw,74px);padding:clamp(24px,4.4vw,70px);display:flex}.case-study-intro{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:24px clamp(30px,4vw,78px);display:grid}.case-study-client{color:var(--coral);letter-spacing:1px;text-transform:uppercase;margin:0 0 14px;font-size:12px}.case-study-intro h3{color:#eef0f5;letter-spacing:-.02em;margin:0;font-size:clamp(36px,5.4vw,86px);font-weight:700;line-height:.95}.case-study-summary{color:#c9cee0;align-self:end;max-width:580px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(18px,1.6vw,25px);line-height:1.45}.case-study-tags{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.case-study-lead-media,.case-study-media-section,.modal-gallery-section{flex-direction:column;gap:18px;display:flex}.modal-media-wrapper,.gallery-media-wrapper{background:#0d1330;border:1px solid #ffffff14;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.modal-media-wrapper{min-height:min(72vh,760px);padding:clamp(12px,2vw,28px)}.modal-media-wrapper--portrait{min-height:min(78vh,840px)}.modal-single-media,.gallery-media{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:82vh}.modal-media-wrapper--featured .modal-single-media{max-height:84vh}.case-study-story{border-top:1px solid #ffffff1a;grid-template-columns:minmax(120px,.42fr) minmax(0,.9fr);padding-top:clamp(30px,4vw,54px);display:grid}.case-study-story:before{color:#6b7299;content:"Case Study";letter-spacing:1px;text-transform:uppercase;font-size:12px}.case-study-markdown{color:#c9cee0;max-width:760px;font-family:Space Grotesk,sans-serif;font-size:clamp(16px,1.1vw,19px);line-height:1.68}.case-study-markdown h4{color:#eef0f5;margin-top:26px;font-size:clamp(24px,2.2vw,36px);line-height:1.08}.case-study-markdown h4:first-child{margin-top:0}.case-study-markdown p,.case-study-markdown ul{margin:0}.case-study-markdown ul{gap:8px;padding:0;list-style:none;display:grid}.case-study-markdown li{color:#d7dbea;padding-left:18px;position:relative}.case-study-markdown li:before{background:var(--accent);content:"";border-radius:999px;width:5px;height:5px;position:absolute;top:.72em;left:0}.case-study-section-head,.gallery-header{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.case-study-section-head span,.gallery-header span{color:#eef0f5;font-family:Space Grotesk,sans-serif;font-size:clamp(24px,2.4vw,38px);font-weight:700;line-height:1}.gallery-desc{color:#9fa6c0;max-width:700px;margin:0;font-family:Space Grotesk,sans-serif;font-size:15px;line-height:1.55}.supporting-media-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.gallery-media-wrapper{min-height:360px;padding:18px}.gallery-media-wrapper--portrait{min-height:560px}@media (width<=900px){nav{padding:16px 22px}.nav-links{gap:18px}.hero{grid-template-columns:1fr;gap:40px;padding:120px 22px 60px}.section,.band-inner,.strip-inner{padding-left:22px;padding-right:22px}.work-grid,.services{grid-template-columns:1fr 1fr}.case-study-intro,.case-study-story{grid-template-columns:1fr}.case-study-story:before{margin-bottom:4px}.modal-media-wrapper{min-height:52vh}.supporting-media-grid,.gallery-grid,.case,.two-col{grid-template-columns:1fr}.clients{grid-template-columns:repeat(3,1fr);gap:16px}footer{padding:22px}}@media (width<=640px){.nav-links a:not(.nav-cta){display:none}.mosaic{grid-template-columns:repeat(auto-fill,minmax(188px,1fr))}.section-head,.client-work-head,.client-browser-head,.client-selection-head{flex-direction:column;align-items:flex-start}.client-logo-grid{grid-template-columns:1fr}.thumb,.selected-work-grid .thumb{aspect-ratio:4/5}.thumb-media--desktop{display:none}.thumb-media--mobile{display:block}.view{opacity:.78;transform:none}.work-grid,.services,.clients,.case-meta{grid-template-columns:1fr}.media-grid{grid-template-rows:none;grid-template-columns:1fr}.media-slot{min-height:0}.media-slot--tall{grid-row:auto}.modal{padding:12px}.modal-panel{border-radius:8px;width:100%;max-height:96vh}.modal-head{padding:12px 14px}.modal-brand-line{gap:9px;font-size:11px}.case-study{gap:32px;padding:22px 16px 30px}.case-study-intro h3{font-size:clamp(34px,11vw,58px)}.case-study-summary{font-size:17px}.modal-media-wrapper,.gallery-media-wrapper,.gallery-media-wrapper--portrait{min-height:0;padding:10px}.modal-single-media,.gallery-media{max-height:76vh}.card-logo-wrap{max-width:68%}}