@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;width:100%;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.work-page{background:#0b0b0b;color:#fff;overflow-x:hidden}.work-hero{padding:160px 80px 120px;max-width:1200px}.work-hero h1{font-size:clamp(64px,9vw,140px);line-height:.9;margin-bottom:32px}.work-hero p{max-width:520px;opacity:.65;font-size:15px;line-height:1.7}.work-list{display:flex;flex-direction:column;gap:160px;padding:0 80px 200px}.work-item{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.work-item.reverse{grid-template-columns:1fr 1.4fr}.work-item.reverse .work-media{order:2}.work-media{overflow:hidden}.work-media img{width:100%;height:auto;display:block;transform:scale(1);transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}.work-item:hover .work-media img{transform:scale(1.06)}.work-meta{max-width:420px}.work-index{display:block;font-size:12px;letter-spacing:.3em;opacity:.4;margin-bottom:16px}.work-meta h2{font-size:clamp(28px,4vw,40px);line-height:1.1;margin-bottom:20px}.work-meta p{font-size:15px;line-height:1.7;opacity:.65;margin-bottom:32px}.work-tags{display:flex;flex-wrap:wrap;gap:12px}.work-tags span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.3);opacity:.8}.work-outro{padding:120px 80px;border-top:1px solid rgba(255,255,255,.1)}.work-outro p{max-width:520px;font-size:15px;opacity:.6}.view{background:transparent;border:none;color:#fff;font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:16px;padding:0% 0% 10px;margin-top:50px;border-bottom:1px solid rgba(255,255,255,.4);transition:gap .3s ease,opacity .3s ease}.view:hover{gap:28px;opacity:1}.view:hover .cta-arrow{transform:translate(6px)}@media(max-width:900px){.work-hero,.work-list,.work-outro{padding-left:32px;padding-right:32px}.work-item,.work-item.reverse{grid-template-columns:1fr}.work-item.reverse .work-media{order:0}.work-list{gap:120px}}.site-header{position:absolute;top:1;left:0;width:100%;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:32px 80px;pointer-events:none}.site-header *{pointer-events:auto}.header-left .logo{font-weight:700;letter-spacing:.15em;font-size:14px}.header-center{display:flex;justify-content:center;gap:48px}.header-center a{text-decoration:none;color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;transition:opacity .3s ease}.header-center a:hover{opacity:1}.header-right{display:flex;justify-content:flex-end}.header-cta{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:10px 18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .3s ease,color .3s ease}.header-cta:hover{background:#fff;color:#000}.about-page{background:#0b0b0b;color:#fff;overflow-x:hidden}.about-hero{padding:160px 80px 120px;max-width:1200px}.about-hero h1{font-size:clamp(64px,9vw,140px);line-height:.9;margin-bottom:32px}.about-hero p{max-width:520px;font-size:15px;line-height:1.7;opacity:.65}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:0 80px 120px;align-items:center}.about-image img{width:100%;height:auto;display:block}.about-content h2{font-size:48px;margin-bottom:24px}.about-content p{font-size:15px;line-height:1.7;opacity:.65;margin-bottom:24px}.about-principles{padding:0 80px 200px}.about-principles h2{font-size:48px;margin-bottom:64px}.principles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px}.principle span{font-size:12px;letter-spacing:.3em;opacity:.4}.principle h3{font-size:24px;margin:16px 0}.principle p{font-size:14px;line-height:1.7;opacity:.6}.about-experience{padding:0 80px 200px}.about-experience h2{font-size:48px;margin-bottom:64px}.experience-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}.experience-item span{display:block;font-size:14px;letter-spacing:.15em;margin-bottom:12px;opacity:.85}.experience-item p{font-size:14px;line-height:1.7;opacity:.6}.about-outro{padding:120px 80px;border-top:1px solid rgba(255,255,255,.1)}.about-outro p{max-width:520px;font-size:15px;opacity:.6}.about-process{position:relative;margin-top:56px;display:grid;grid-template-columns:24px 1fr;gap:12px}.process-line{position:relative;width:1px;background:#ffffff26}.process-line-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:#fff;transition:height 1.4s cubic-bezier(.2,.6,.2,1)}.process-items{display:flex;flex-direction:column;gap:18px}.process-item{display:grid;grid-template-columns:40px 1fr;gap:14px}.process-item span{font-size:12px;letter-spacing:.3em;opacity:.45}.process-item p{font-size:14px;line-height:1.7;opacity:.6;max-width:420px}@media(max-width:900px){.about-hero,.about-split,.about-principles,.about-experience,.about-outro{padding-left:32px;padding-right:32px}.about-split,.principles-grid,.experience-list{grid-template-columns:1fr}}.contact-page{position:relative;min-height:100vh;background:#0b0b0b;color:#fff;overflow:hidden}.contact-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.contact-content{position:relative;z-index:2;min-height:100vh;max-width:720px;padding:140px 80px;display:flex;flex-direction:column;justify-content:center}.contact-content h1{font-size:clamp(64px,10vw,140px);line-height:.9;margin-bottom:32px}.contact-intro{max-width:520px;font-size:15px;line-height:1.7;opacity:.65;margin-bottom:64px}.contact-form{display:flex;flex-direction:column;gap:24px;max-width:480px}.contact-form input,.contact-form textarea{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.25);padding:12px 0;color:#fff;font-size:14px;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff6}.contact-form button{margin-top:32px;background:none;border:none;color:#fff;font-size:13px;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:16px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.4)}.contact-form button span{transition:transform .3s ease}.contact-form button:hover span{transform:translate(6px)}.contact-alt{margin-top:64px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.contact-alt a{display:block;margin-top:12px;font-size:14px;letter-spacing:normal;opacity:.8}@media(max-width:900px){.contact-content{padding:120px 32px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{background:#0b0b0b;color:#fff;font-family:Inter,sans-serif}.site{width:100vw;overflow-x:hidden}.hero{position:relative;height:100vh;overflow:hidden;text-align:center}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.hero-overlay{position:absolute;inset:0;padding:100px;display:flex;flex-direction:column;justify-content:flex-end;max-width:1400px;margin:0 auto;background:linear-gradient(to top,#000000bf,#00000026)}.hero-overlay h1{font-size:clamp(64px,8vw,140px);line-height:.9}.hero-overlay p{align-self:center;max-width:480px;opacity:.8;margin-top:24px}.identity-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);text-transform:uppercase;font-size:12px;letter-spacing:.2em;overflow:hidden}.identity-item{min-height:100px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:max-content;cursor:pointer;opacity:.65;transition:opacity .3s ease}.identity-item:hover{opacity:1}.identity-item span{pointer-events:none}.identity-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;filter:brightness(1) saturate(1.1)}.identity-item[data-video=graphic]:hover~.identity-bg .graphic{opacity:1}.identity-item[data-video=motion]:hover~.identity-bg .motion{opacity:1}.identity-item[data-video=three]:hover~.identity-bg .three{opacity:1}.identity-item[data-video=video]:hover~.identity-bg .video{opacity:1}.identity-strip:after{content:"";position:absolute;inset:0;background:#0000008c;z-index:1;pointer-events:none}.identity-item:hover{transform:translateY(-2px)}@media(max-width:768px){.identity-bg{display:none}}.disciplines{padding:120px 80px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;color:#fff}.discipline{color:#fff;position:relative;overflow:hidden;cursor:pointer}.discipline img{color:#fff;width:100%;height:360px;object-fit:cover;transition:transform .9s cubic-bezier(.2,.6,.2,1)}.discipline:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.2),transparent);opacity:.6;transition:opacity .6s ease}.discipline h3{z-index:1;position:absolute;bottom:24px;left:24px;font-size:22px;transform:translateY(10px);color:#fff}.discipline:hover img{transform:scale(1.08)}.discipline:hover:after{opacity:1}.discipline:hover h3{transform:translateY(0)}.featured-bento{padding:160px 80px}.bento-header{text-align:left;max-width:1200px;margin-bottom:80px}.bento-header h2{font-size:clamp(48px,7vw,96px);line-height:1;margin-bottom:24px}.bento-header p{opacity:.65;max-width:820px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:24px}.bento-item{position:relative;overflow:hidden;background:#111}.bento-item img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .8s cubic-bezier(.2,.6,.2,1)}.bento-hero{grid-column:span 2;grid-row:span 2}.bento-wide{grid-column:span 2}.bento-tall{grid-row:span 2}.bento-label{position:absolute;bottom:20px;left:20px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;opacity:.8;z-index:2}.bento-item:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);opacity:.4;transition:opacity .5s ease}.bento-item:hover img{transform:scale(1.06)}.bento-item:hover:after{opacity:.7}.motion-strip{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;overflow:hidden;padding:80px 0;background:#0b0b0b;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.motion-row{width:100%;overflow:hidden}.motion-track{display:flex;width:max-content;padding-left:80px;padding-right:80px;animation:scroll-left 40s linear infinite;will-change:transform}.motion-row.reverse .motion-track{animation:scroll-right 45s linear infinite}.motion-track img{width:480px;height:320px;object-fit:cover;flex-shrink:0;display:block}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.about{padding:160px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;text-align:left}.about img{width:100%;height:480px;object-fit:cover}.about h2{font-size:64px;margin-bottom:24px}.about p{opacity:.7;max-width:480px}.skills{margin-top:48px;display:flex;flex-direction:column;gap:24px}.skill{width:100%}.skill-top{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.08em;opacity:.8;margin-bottom:8px}.skill-bar{position:relative;height:1px;background:#fff3;overflow:hidden}.skill-fill{position:absolute;left:0;top:0;height:100%;width:0;background:#fff;transition:width 1.2s cubic-bezier(.2,.6,.2,1)}.skill-top span:last-child{font-variant-numeric:tabular-nums}.cta{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#111,#000 70%);overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:3px 3px;opacity:.15;pointer-events:none}.cta-inner{position:relative;text-align:center;max-width:900px;padding:0 24px}.cta h2{font-size:clamp(56px,9vw,120px);line-height:.95;margin-bottom:12px}.cta h2 span{opacity:1}.cta p{max-width:480px;margin:0 auto 56px;opacity:.65;font-size:15px;line-height:1.6}.cta-button{background:transparent;border:none;color:#fff;font-size:14px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:16px;padding-bottom:66px;border-bottom:1px solid rgba(255,255,255,.4);transition:gap .3s ease,opacity .3s ease}.cta-arrow{display:inline-block;transition:transform .3s ease}.cta-button:hover{gap:28px;opacity:1}.cta-button:hover .cta-arrow{transform:translate(6px)}*{box-sizing:border-box}body{margin:0;background:#0b0b0b;color:#f5f5f5;font-family:Oswald,sans-serif}.mhome{width:100%;overflow-x:hidden}.m-hero{position:relative;height:100vh;background:radial-gradient(circle at top,#1a1a1a,#0b0b0b)}.m-canvas{position:absolute;inset:0}.m-hero-overlay{position:relative;z-index:2;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.m-eyebrow{font-size:12px;letter-spacing:3px;opacity:.6;margin-bottom:12px}.m-title{font-size:56px;line-height:.95;text-transform:uppercase;margin:0}.m-title span{color:#c11a1a}.m-sub{font-size:14px;opacity:.75;margin-top:12px}.m-section{padding:72px 28px;border-top:1px solid rgba(255,255,255,.08)}.m-section h2{font-size:32px;margin-bottom:16px}.m-section p{font-size:15px;opacity:.75;line-height:1.6}.m-about{background:#0f0f0f}.m-cap{display:flex;flex-direction:column;gap:14px}.cap-item{padding:18px;border:1px solid rgba(255,255,255,.12);text-align:center;letter-spacing:1px;font-size:14px}.m-featured{background:#0b0b0b}.work-card{padding:20px;margin-top:16px;border-left:4px solid #c11a1a;background:#111}.work-card span{font-size:12px;letter-spacing:2px;opacity:.6}.work-card p{margin-top:6px}.m-cta{text-align:center;background:#c11a1a;color:#fff}.m-cta p{opacity:.8;margin-bottom:8px}.m-cta h2{font-size:40px;margin-bottom:20px}.m-cta button{padding:14px 32px;background:transparent;border:1px solid #fff;color:#fff;font-size:14px;letter-spacing:2px}
