@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg:#050505;--bg-soft:#0b0b0d;--white:#f4f4f2;--grey:#8a8a90;--grey-dim:#5a5a60;--line:#ffffff1f;--glass:#ffffff0a;--glass-strong:#ffffff14;--radius:16px;--ease:cubic-bezier(.22, 1, .36, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;overflow:hidden}body{font-family:var(--font);color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;position:relative}@media (hover:hover) and (pointer:fine){body,a,button{cursor:none}}canvas.webgl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.vignette{pointer-events:none;z-index:2;background:radial-gradient(120% 120%,#0000 45%,#00000073 80%,#000000d9 100%);position:fixed;top:0;bottom:0;left:0;right:0}.grain{pointer-events:none;z-index:3;opacity:.05;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.5s steps(2,end) infinite grain;position:fixed;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(2%,-2%)}}sup{vertical-align:super;opacity:.6;font-size:.5em}::selection{background:var(--white);color:var(--bg)}.ui{z-index:10;opacity:0;position:fixed}.ui--top{pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(18px,3vw,40px);display:flex;top:0;left:0;right:0}.ui--top>*{pointer-events:auto}.logo{color:var(--white);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo__mark{background:var(--white);border-radius:50%;width:14px;height:14px;box-shadow:0 0 18px #ffffffb3}.logo__text{letter-spacing:.14em;text-transform:uppercase;font-size:15px;font-weight:600}.btn-talk{color:var(--white);letter-spacing:.04em;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);transition:background .4s var(--ease), border-color .4s var(--ease);border-radius:100px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.btn-talk:hover{background:var(--glass-strong);border-color:#ffffff4d}.btn-talk__dot{width:7px;height:7px;animation:pulse 2.4s var(--ease) infinite;background:#6cf08a;border-radius:50%;box-shadow:0 0 10px #6cf08a}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.nav-pill{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);border-radius:100px;gap:4px;padding:6px;display:flex;bottom:clamp(20px,4vh,42px);left:50%;transform:translate(-50%);box-shadow:0 16px 48px #00000080}.nav-pill__item{-webkit-appearance:none;appearance:none;color:var(--grey);letter-spacing:.02em;transition:color .35s var(--ease), background .35s var(--ease);background:0 0;border:0;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.nav-pill__icon{width:18px;height:18px;display:none}.nav-pill__item:hover{color:var(--white)}.nav-pill__item.is-active{color:var(--bg);background:var(--white)}.hint{letter-spacing:.16em;text-transform:uppercase;color:var(--grey-dim);pointer-events:none;transition:opacity .6s var(--ease);font-size:11px;bottom:calc(clamp(20px,4vh,42px) + 64px);left:50%;transform:translate(-50%)}.cursor{z-index:60;pointer-events:none;mix-blend-mode:difference;position:fixed;top:0;left:0}.cursor__dot,.cursor__ring{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor__dot{background:#fff;width:6px;height:6px}.cursor__ring{width:38px;height:38px;transition:width .3s var(--ease), height .3s var(--ease), opacity .3s var(--ease);border:1px solid #fff9}.cursor.is-hover .cursor__ring{background:#ffffff14;width:64px;height:64px}.cursor.is-link .cursor__ring{width:52px;height:52px}.cursor__label{letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .3s var(--ease);white-space:nowrap;font-size:10px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor.is-hover .cursor__label{opacity:1}@media (hover:none),(pointer:coarse){.cursor{display:none}}.loader{z-index:50;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loader__inner{text-align:center;width:min(280px,70vw)}.loader__title{letter-spacing:.4em;text-transform:uppercase;color:var(--white);margin-bottom:22px;font-size:13px;font-weight:600}.loader__bar{background:var(--line);width:100%;height:1px;overflow:hidden}.loader__fill{background:var(--white);width:0%;height:100%;display:block}.loader__count{letter-spacing:.1em;color:var(--grey);font-variant-numeric:tabular-nums;margin-top:14px;font-size:11px}.detail{z-index:40;pointer-events:none;opacity:0;visibility:hidden;position:fixed;top:0;bottom:0;left:0;right:0}.detail.is-open{pointer-events:auto;opacity:1;visibility:visible}.detail__scrim{-webkit-backdrop-filter:blur(6px);opacity:0;background:#020203b3;position:absolute;top:0;bottom:0;left:0;right:0}.detail__panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:22px;position:absolute;top:clamp(12px,3vh,36px);bottom:clamp(12px,3vh,36px);left:clamp(12px,3vh,36px);right:clamp(12px,3vh,36px);overflow:hidden;box-shadow:0 40px 120px #0009}.detail__content{min-height:100%}.detail__close{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:20px;right:20px}.detail__close span{background:var(--white);width:16px;height:1.5px;position:absolute}.detail__close span:first-child{transform:rotate(45deg)}.detail__close span:last-child{transform:rotate(-45deg)}.detail__hero{background-position:50%;background-size:cover;border-radius:22px 22px 0 0;flex-direction:column;justify-content:flex-end;height:min(60vh,540px);margin:0;padding:clamp(24px,5vw,64px);display:flex;position:relative}.detail__hero:after{content:"";border-radius:inherit;background:linear-gradient(#0000 40%,#0b0b0df2);position:absolute;top:0;bottom:0;left:0;right:0}.detail__hero-meta,.detail__title{z-index:2;position:relative}.detail__hero-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--white);gap:18px;margin-bottom:14px;font-size:12px;display:flex}.detail__year{color:#fff9}.detail__title{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(34px,7vw,96px);font-weight:600;line-height:.96}.detail__body{max-width:1100px;padding:clamp(24px,5vw,64px)}.detail__desc{color:#f4f4f2e6;max-width:760px;font-size:clamp(17px,2vw,24px);font-weight:300;line-height:1.6}.detail__cols{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:48px;margin:48px 0;padding:32px 0;display:flex}.detail__col h4{letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-bottom:14px;font-size:11px;font-weight:500}.detail__col ul{list-style:none}.detail__col li{color:var(--white);font-size:15px;line-height:1.9}.detail__tags{flex-wrap:wrap;gap:10px;margin-bottom:48px;display:flex}.detail__gallery{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail__gallery-item{aspect-ratio:4/3;border-radius:var(--radius);background-position:50%;background-size:cover}.detail__gallery-item:first-child{aspect-ratio:16/7;grid-column:1/-1}.tag{letter-spacing:.1em;text-transform:uppercase;color:var(--grey);border:1px solid var(--line);background:var(--glass);border-radius:100px;align-items:center;padding:7px 14px;font-size:11px;display:inline-flex}@media (max-width:720px){.detail__cols{gap:28px}.detail__gallery{grid-template-columns:1fr}.detail__gallery-item:first-child{aspect-ratio:16/10}.hint{display:none}.logo__text{font-size:13px}}@media (max-width:768px){.nav-pill__text{display:none}.nav-pill__icon{display:block}.nav-pill__item{padding:11px 15px}}.ui--top,.nav-pill,.view-toggle,.credit{z-index:30}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--grey);font-size:11px;display:inline-block}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);will-change:opacity, transform;transform:translateY(42px)}.reveal.is-in{opacity:1;transform:none}.page{z-index:20;background:var(--bg);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform .9s var(--ease), visibility .9s var(--ease);will-change:transform;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto;transform:translateY(100%)}.page.is-open{visibility:visible;transform:translateY(0)}.page__inner{max-width:1280px;margin:0 auto;padding:clamp(96px,14vh,180px) clamp(20px,6vw,90px) 80px}.page__foot{border-top:1px solid var(--line);letter-spacing:.04em;color:var(--grey);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:120px;padding-top:28px;font-size:12px;display:flex}.page__foot a{color:var(--white);text-decoration:none}.about__headline,.contact__headline{letter-spacing:-.03em;text-transform:uppercase;margin-top:18px;font-size:clamp(48px,11vw,168px);font-weight:600;line-height:.9}.about__headline sup,.contact__headline sup{vertical-align:super;font-size:.18em}.about__intro{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1000px;margin:clamp(60px,10vh,130px) 0 clamp(60px,10vh,130px) auto;display:grid}.about__intro p{color:#f4f4f2e0;font-size:clamp(17px,1.8vw,22px);font-weight:300;line-height:1.65}.about__caps{border-top:1px solid var(--line)}.cap{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 220px;align-items:center;gap:32px;padding:40px 0;display:grid}.cap__index{color:var(--grey-dim);letter-spacing:.1em;font-size:13px}.cap__body h3{letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(22px,3vw,34px);font-weight:500}.cap__body p{color:var(--grey);max-width:520px;font-size:15px;line-height:1.6}.cap__media{border-radius:var(--radius);background-position:50%;background-size:cover;height:130px}.about__clients{margin:clamp(70px,12vh,150px) 0}.about__logos{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;margin-top:36px;display:grid}.about__logos span{background:var(--bg);letter-spacing:.04em;height:110px;color:var(--grey);transition:color .4s var(--ease), background .4s var(--ease);place-items:center;font-size:15px;font-weight:500;display:grid}.about__logos span:hover{color:var(--white);background:var(--bg-soft)}.about__closing{grid-template-columns:1.4fr 1fr;align-items:end;gap:48px;display:grid}.about__statement{letter-spacing:-.02em;font-size:clamp(24px,4vw,48px);font-weight:400;line-height:1.2}.about__values{text-align:right;list-style:none}.about__values li{color:var(--grey);font-size:15px;line-height:2}.contact__grid{grid-template-columns:1.3fr 1fr;gap:clamp(40px,6vw,100px);margin-top:clamp(50px,9vh,110px);display:grid}.field{margin-bottom:30px}.field label{letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-bottom:12px;font-size:11px;display:block}.field input,.field textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--white);resize:vertical;transition:border-color .4s var(--ease);background:0 0;padding:10px 0;font-family:inherit;font-size:18px}.field input:focus,.field textarea:focus{border-color:var(--white);outline:none}.contact__send{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--white);color:var(--bg);letter-spacing:.02em;transition:transform .4s var(--ease), opacity .4s var(--ease);border-radius:100px;margin-top:8px;padding:16px 32px;font-family:inherit;font-size:14px;font-weight:600}.contact__send:hover{opacity:.85}.contact__note{color:var(--grey);min-height:18px;margin-top:18px;font-size:13px}.contact__block{margin-bottom:36px}.contact__block h4{letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin-bottom:12px;font-size:11px}.contact__block a,.contact__block p{color:var(--white);font-size:18px;line-height:1.7;text-decoration:none;display:block}.contact__block a{opacity:.8;width:-moz-fit-content;width:fit-content;transition:opacity .3s var(--ease)}.contact__block a:hover{opacity:1}.view-toggle{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);border-radius:100px;gap:4px;padding:5px;display:none;position:fixed;bottom:clamp(20px,4vh,42px);right:clamp(16px,4vw,24px);box-shadow:0 16px 44px #00000080}.view-toggle__opt{-webkit-appearance:none;appearance:none;color:var(--grey);width:42px;height:42px;transition:color .35s var(--ease), background .35s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.view-toggle__opt svg{width:19px;height:19px}.view-toggle__opt.is-active{color:var(--bg);background:var(--white)}.credit{align-items:center;gap:10px;text-decoration:none;display:inline-flex;position:fixed;bottom:clamp(18px,4vh,38px);left:clamp(18px,3vw,40px)}.credit__label{letter-spacing:.18em;text-transform:uppercase;color:var(--grey-dim);transition:color .4s var(--ease);font-size:10px}.credit__logo{filter:brightness(0)invert();opacity:.85;width:auto;height:17px;display:block}.list-view{z-index:15;background:var(--bg);-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;padding:84px 20px 130px;transition:visibility .4s;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(20px)}.list-view__head,.list-view__inner{width:100%;max-width:440px;margin:0 auto}.list-view__head{letter-spacing:.16em;text-transform:uppercase;color:var(--grey);border-bottom:1px solid var(--line);justify-content:space-between;padding:0 2px 16px;font-size:11px;display:flex}.list-row{-webkit-appearance:none;appearance:none;border:0;border-bottom:1px solid var(--line);color:inherit;font:inherit;text-align:center;background:0 0;flex-direction:column;align-items:center;gap:14px;width:100%;padding:26px 0;display:flex}.list-row__media{background-position:50%;background-size:cover;border-radius:14px;width:100%;height:200px}.list-row__info{flex-direction:column;align-items:center;gap:9px;display:flex}.list-row__title{text-transform:uppercase;letter-spacing:-.01em;font-size:26px;font-weight:600;line-height:1.04}.list-row__meta{letter-spacing:.12em;text-transform:uppercase;color:var(--grey);font-size:11px}.list-row__tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.list-row__tags .tag{padding:5px 10px;font-size:10px}@media (max-width:768px){body[data-route=work] .view-toggle{display:inline-flex}.credit__label{display:none}.credit__logo{height:12px}.credit{bottom:calc(clamp(20px,4vh,42px) + 8px);left:16px}}@media (max-width:860px){.cap{grid-template-columns:48px 1fr}.cap__media{display:none}.about__closing,.contact__grid{grid-template-columns:1fr;gap:40px}.about__values{text-align:left}.about__intro{margin:60px 0}}