body:has(.playground-toggle.is-on) .info-page{pointer-events:none;background:0 0}body:has(.playground-toggle.is-on) .info-body{z-index:950;color:#fff;mix-blend-mode:difference;pointer-events:auto;background:0 0;position:relative}:root{--page-margin:40px;--gutter:20px;--bg:#fff;--text:#111;--eyebrow:gray;--color-all:#83af00;--color-identity:#cd5f5a;--color-digital:#84b1ff;--color-web:#1eef9f;--color-web-development:#a269ff;--color-3d:#ff7d31;--color-motion:#b7a200;--color-print:#f54749;--color-illustration:#169766;--color-typeface:#f7618b;--font-family:Arial, Helvetica, sans-serif;--h1-size:96px;--h1-line-height:1;--h1-letter-spacing:-.04em;--h2-size:36px;--h2-line-height:1.1;--h2-letter-spacing:-.03em;--body-size:18px;--body-line-height:1.2;--body-letter-spacing:-.02em;--eyebrow-size:20px;--eyebrow-line-height:1.2;--eyebrow-letter-spacing:-.02em}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-family);font-size:var(--body-size);line-height:var(--body-line-height);letter-spacing:var(--body-letter-spacing);margin:0}h1,h2,p{margin:0}h1{font-size:var(--h1-size);line-height:var(--h1-line-height);letter-spacing:var(--h1-letter-spacing);font-weight:400}h2{font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);font-weight:400}.eyebrow{font-size:var(--eyebrow-size);line-height:var(--eyebrow-line-height);letter-spacing:var(--eyebrow-letter-spacing);color:#777}a{color:inherit;text-decoration:none}img,video{width:100%;height:auto;display:block}main{width:100%}.project-grid{width:100%;padding:100px var(--page-margin) 120px;flex-direction:column;align-items:center;display:flex}.project-card{width:calc(( (100vw - (var(--page-margin) * 2) - (var(--gutter) * 11)) / 12 * var(--project-width) ) + (var(--gutter) * (var(--project-width) - 1)));max-width:calc(100vw - (var(--page-margin) * 2));will-change:filter, opacity;margin-bottom:400px;position:sticky;top:100px;transform:translateZ(0)}.project-card-inner{align-items:flex-start;width:100%;display:flex}.project-image{flex:1;min-width:0}.project-image img,.project-image video{object-fit:cover;width:100%;height:800px;display:block}.project-meta{writing-mode:vertical-rl;flex-shrink:0;align-self:flex-start;align-items:flex-start;display:flex}.project-title,.project-tag{box-sizing:border-box;appearance:none;white-space:nowrap;width:30px;font-family:inherit;font-size:var(--body-size);cursor:pointer;border:0;border-radius:0;align-items:center;padding:8px 4px;line-height:1;display:flex}.project-title{color:#fff;background:#000}.project-tag{background:#fff}.project-tag.tag--identity{color:var(--color-identity)}.project-tag.tag--digital{color:var(--color-digital)}.project-tag.tag--web{color:var(--color-web)}.project-tag.tag--web-development{color:var(--color-web-development)}.project-tag.tag--3d{color:var(--color-3d)}.project-tag.tag--motion{color:var(--color-motion)}.project-tag.tag--print{color:var(--color-print)}.project-tag.tag--illustration{color:var(--color-illustration)}.project-tag.tag--typeface{color:var(--color-typeface)}.project-tag.tag--identity:hover{background:var(--color-identity);color:#000}.project-tag.tag--digital:hover{background:var(--color-digital);color:#000}.project-tag.tag--web:hover{background:var(--color-web);color:#000}.project-tag.tag--web-development:hover{background:var(--color-web-development);color:#000}.project-tag.tag--3d:hover{background:var(--color-3d);color:#000}.project-tag.tag--motion:hover{background:var(--color-motion);color:#000}.project-tag.tag--print:hover{background:var(--color-print);color:#000}.project-tag.tag--illustration:hover{background:var(--color-illustration);color:#000}.project-tag.tag--typeface:hover{background:var(--color-typeface);color:#000}.tag--all{color:var(--color-all)}.tag--identity{color:var(--color-identity)}.tag--digital{color:var(--color-digital)}.tag--web{color:var(--color-web)}.tag--web-development{color:var(--color-web-development)}.tag--3d{color:var(--color-3d)}.tag--motion{color:var(--color-motion)}.tag--print{color:var(--color-print)}.tag--illustration{color:var(--color-illustration)}.tag--typeface{color:var(--color-typeface)}.project-page{color:#111;background:#fff;width:100%;margin:0;padding:0}.project-page--black{color:#fff;background:#000}.project-hero{width:100%;margin:0}.project-hero img,.project-hero video{object-fit:cover;width:100%;height:800px;display:block}.project-detail-title{width:fit-content;max-width:calc(100vw - (var(--page-margin) * 2));white-space:normal;overflow-wrap:break-word;margin:0 0 0 var(--page-margin);color:#fff;font-size:var(--h1-size);line-height:var(--h1-line-height);letter-spacing:var(--h1-letter-spacing);background:#000;padding:12px 20px;font-weight:400;display:block}.project-page--black .project-detail-title{padding:12px 0}.project-detail-title.is-stuck{visibility:hidden}.project-sticky-title{top:calc(var(--nav-control-height) * 2);left:var(--page-margin);z-index:1001;color:#fff;font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);white-space:nowrap;background:#000;align-items:center;padding:4px 8px;font-weight:400;display:flex;position:fixed}.project-detail-content{column-gap:var(--gutter);padding:0 var(--page-margin) 0;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:60px;margin-bottom:60px;display:grid}.project-detail-info{grid-column:1/span 4}.project-detail-gallery{grid-column:7/span 6}.project-media{padding:0 var(--page-margin) 120px;flex-direction:column;gap:120px;margin-top:0;display:flex}.project-media-row{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));width:100%;display:grid}.project-media-image img{width:100%;height:auto;display:block}.project-media-carousel{grid-column:7/span 6}.project-image-row{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px}.project-image-row--2 img{grid-column:span 6}.project-image-row--3 img{grid-column:span 4}.project-image-row img{width:100%;height:auto;display:block}.project-info-item{margin-bottom:20px}.project-info-item .eyebrow{margin-bottom:4px}.project-info-value{font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);font-weight:400}.project-press{flex-direction:column;align-items:flex-start;display:flex}.project-detail-body{font-size:var(--body-size);line-height:var(--body-line-height);letter-spacing:var(--body-letter-spacing);margin-top:40px}.project-carousel{width:100%}.project-carousel-main{justify-content:center;align-items:flex-start;width:100%;height:500px;display:flex;overflow:hidden}.project-carousel-main img.is-landscape{flex-shrink:0;width:100%;max-width:100%;height:auto;max-height:none;display:block}.project-carousel-main img.is-portrait{width:auto;max-width:none;height:500px;display:block}.project-carousel-thumbnails{column-gap:var(--gutter);margin-top:var(--gutter);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.project-carousel-thumbnail{appearance:none;cursor:pointer;opacity:.5;background:0 0;border:0;width:100%;height:90px;margin:0;padding:0;transition:opacity .15s}.project-carousel-thumbnail.is-active,.project-carousel-thumbnail:hover{opacity:1}.project-carousel-thumbnail img{object-fit:cover;width:100%;height:100%}:root{--nav-control-height:calc(var(--h2-size) * var(--h2-line-height) + 8px);--playground-space:260px}.home-nav{z-index:1000;width:100%;padding:0 var(--page-margin);pointer-events:none;position:fixed;top:0;left:0}.home-nav a,.home-nav button,.home-nav .nav-filters{pointer-events:auto}.nav-home,.nav-mobile-filter-toggle,.nav-filter,.nav-playground,.nav-info,.nav-contact-link{box-sizing:border-box;appearance:none;font-family:var(--font-family);font-size:var(--h2-size);font-weight:400;line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);text-align:left;white-space:nowrap;border:0;border-radius:0;margin:0;padding:4px 8px}.nav-row-main{width:calc(100vw - (var(--page-margin) * 2) - var(--playground-space));max-width:calc(100vw - (var(--page-margin) * 2) - var(--playground-space));pointer-events:auto;flex-wrap:nowrap;align-items:flex-start;margin:0;display:flex}.nav-home{height:var(--nav-control-height);color:#fff;background:#000;flex:none;justify-content:flex-start;align-items:center;display:flex}.nav-mobile-filter-toggle{height:var(--nav-control-height);color:#000;font-family:var(--font-family);font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);cursor:pointer;background:#fff;flex:none;justify-content:flex-start;align-items:center;font-weight:400;display:flex}.nav-filters{min-width:0;display:none}.nav-filters.is-open{flex-wrap:wrap;flex:1;align-items:flex-start;min-width:0;display:flex}.nav-filter{height:var(--nav-control-height);cursor:pointer;background:#fff;flex:none;justify-content:flex-start;align-items:center;display:flex}.nav-row-info{top:var(--nav-control-height);left:var(--page-margin);pointer-events:auto;background:0 0;align-items:flex-start;width:fit-content;margin:0;display:flex;position:absolute}.nav-info,.nav-contact-link{width:fit-content;height:var(--nav-control-height);color:#fff;background:#000;display:block}.nav-contact{flex-direction:column;align-items:flex-start;width:fit-content;display:flex}.nav-playground{top:0;right:var(--page-margin);z-index:1100;height:var(--nav-control-height);color:#000;cursor:pointer;background:#fff;justify-content:flex-start;align-items:center;gap:8px;display:flex;position:fixed}.playground-toggle{background:#777;border-radius:10px;flex:0 0 40px;align-items:center;width:40px;height:20px;padding:2px;display:flex;position:relative}.playground-toggle-circle{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;transform:translate(0)}.playground-toggle.is-on{background:linear-gradient(135deg,#ff5f8f,#ff9a5a,#ffe45e,#63e6a5,#5ab8ff,#9b7cff,#e86bd6,#ff5f8f) 0 0/400% 400%;animation:7s infinite playground-rainbow}.playground-toggle.is-on .playground-toggle-circle{transform:translate(20px)}@keyframes playground-rainbow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.nav-filter:hover,.nav-filter.is-active,.project-tag:hover,.project-tag.is-active{color:#000}.tag--all:hover,.tag--all.is-active{background:var(--color-all)}.tag--identity:hover,.tag--identity.is-active{background:var(--color-identity)}.tag--digital:hover,.tag--digital.is-active{background:var(--color-digital)}.tag--web:hover,.tag--web.is-active{background:var(--color-web)}.tag--web-development:hover,.tag--web-development.is-active{background:var(--color-web-development)}.tag--3d:hover,.tag--3d.is-active{background:var(--color-3d)}.tag--motion:hover,.tag--motion.is-active{background:var(--color-motion)}.tag--print:hover,.tag--print.is-active{background:var(--color-print)}.tag--illustration:hover,.tag--illustration.is-active{background:var(--color-illustration)}.tag--typeface:hover,.tag--typeface.is-active{background:var(--color-typeface)}.home{background:#fff;min-height:100vh;transition:background-color .25s}.home--all{background:#fff}.home--identity{background:var(--color-identity)}.home--digital{background:var(--color-digital)}.home--web{background:var(--color-web)}.home--web-development{background:var(--color-web-development)}.home--3d{background:var(--color-3d)}.home--motion{background:var(--color-motion)}.home--print{background:var(--color-print)}.home--illustration{background:var(--color-illustration)}.home--typeface{background:var(--color-typeface)}body:has(.home--identity) .site-footer{background:var(--color-identity)}body:has(.home--digital) .site-footer{background:var(--color-digital)}body:has(.home--web) .site-footer{background:var(--color-web)}body:has(.home--web-development) .site-footer{background:var(--color-web-development)}body:has(.home--3d) .site-footer{background:var(--color-3d)}body:has(.home--motion) .site-footer{background:var(--color-motion)}body:has(.home--print) .site-footer{background:var(--color-print)}body:has(.home--illustration) .site-footer{background:var(--color-illustration)}body:has(.home--typeface) .site-footer{background:var(--color-typeface)}body:has(.home--all) .site-footer{background:#fff}.playground-overlay{z-index:900;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0000001a;position:fixed;inset:0;overflow:hidden auto}.playground-grid{isolation:isolate;column-gap:var(--gutter);width:100%;padding:100px var(--page-margin) 120px;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:120px;display:grid;position:relative}.playground-grid:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 20%,#ff5f8f8c,#0000 70%),radial-gradient(circle at 85% 15%,#5ab8ff8c,#0000 70%),radial-gradient(circle at 75% 80%,#9b7cff8c,#0000 70%),radial-gradient(circle at 20% 75%,#63e6a58c,#0000 70%),radial-gradient(circle at 50% 45%,#ffe45e73,#0000 70%);animation:18s ease-in-out infinite playground-rainbow-drift;position:absolute;inset:-250px -20vw}@keyframes playground-rainbow-drift{0%{transform:translate(-2%,-1%)scale(1.03)rotate(0)}18%{transform:translate(3%,-2%)scale(1.07)rotate(1.5deg)}39%{transform:translate(1%,2%)scale(1.04)rotate(-1deg)}61%{transform:translate(-3%,1%)scale(1.08)rotate(1deg)}82%{transform:translate(2%,-1%)scale(1.05)rotate(-1.5deg)}to{transform:translate(-2%,-1%)scale(1.03)rotate(0)}}.playground-grid{column-gap:var(--gutter);width:100%;padding:100px var(--page-margin) 120px;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:120px;display:grid}.playground-project{grid-column:1/-1;justify-content:center;width:100%;height:auto;display:flex}.playground-project-link{width:calc(( (100vw - (var(--page-margin) * 2) - (var(--gutter) * 11)) / 12 * 6 ) + (var(--gutter) * 5));max-width:100%;height:auto;display:block}.playground-project img,.playground-project video{width:100%;height:auto;display:block}.playground-mobile-info{display:none}.playground-project,.playground-project *,.playground-project-link,.playground-project img{cursor:none!important}.playground-cursor{z-index:950;pointer-events:none;max-width:420px;font-size:var(--body-size);line-height:var(--body-line-height);letter-spacing:var(--body-letter-spacing);color:#000;position:fixed}.playground-cursor .playground-cursor-title{color:#fff;background:#000}.playground-cursor a,.playground-cursor div{color:#000;background:#fff;width:fit-content;padding:4px 8px;display:block}.info-page{column-gap:var(--gutter);min-height:100vh;padding:140px var(--page-margin) 120px;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.info-body{font-size:var(--h2-size);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);grid-column:1/span 6;margin-top:40px;font-weight:400}.info-body a:first-of-type{color:var(--color-3d)}.info-body a:nth-of-type(2){color:var(--color-typeface)}.site-footer{column-gap:var(--gutter);width:100%;padding:0 var(--page-margin) 4px;font-size:var(--h2-size);letter-spacing:var(--h2-letter-spacing);background:#fff;grid-template-columns:repeat(12,minmax(0,1fr));line-height:1;transition:background-color .25s;display:grid}.footer-left{grid-column:1/span 6;justify-content:flex-start;align-items:flex-end;display:flex}.footer-right{text-align:right;flex-direction:column;grid-column:7/span 6;align-items:flex-end;display:flex}.footer-link{width:fit-content;color:inherit;text-decoration:none;display:block}body:has(.project-page--black) .site-footer{color:#fff;background:#000}.password-overlay{z-index:2000;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.password-box{width:calc((100vw - (var(--page-margin) * 2) - (var(--gutter) * 11)) / 12 * 3 + (var(--gutter) * 2));-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffffb3;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;padding:18px 20px;display:grid}.password-label,.password-input,.password-submit{font-family:var(--font-family);font-size:var(--body-size);font-weight:400;line-height:var(--body-line-height);letter-spacing:var(--body-letter-spacing)}.password-label{white-space:nowrap}.password-input{color:#000;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0}.password-submit{color:#000;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;padding:0;display:flex}.password-box.has-error:after{opacity:.4}@media (max-width:768px){.password-box{width:calc(100vw - 40px);padding:14px 16px}:root{--page-margin:20px;--gutter:20px;--h1-size:36px;--h2-size:20px;--eyebrow-size:14px;--body-size:18px;--playground-space:130px}.nav-row-main{width:calc(100vw - (var(--page-margin) * 2) - var(--playground-space));max-width:calc(100vw - (var(--page-margin) * 2) - var(--playground-space))}.nav-filters.is-open{flex-flow:column;flex:none;align-items:flex-start}.nav-row-info,.nav-contact{flex-direction:column;align-items:flex-start}.nav-playground{right:var(--page-margin)}.home-projects{column-gap:var(--gutter);padding-left:var(--page-margin);padding-right:var(--page-margin);grid-template-columns:repeat(12,minmax(0,1fr))}.project-grid{row-gap:0}.project-card{width:100%;max-width:none;margin-bottom:20px;top:80px}.project-card:last-child{margin-bottom:35vh}.project-image{height:250px}.project-image img,.project-image video{object-fit:cover;width:100%;height:250px}.project-tag{display:none}.playground-grid{row-gap:60px}.playground-project{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:100%;height:auto;display:flex}.playground-project-link{width:100%;height:auto;display:block}.playground-project img{object-fit:initial;width:100%;max-width:none;height:auto;display:block}.playground-mobile-info{width:fit-content;margin:0;display:block}.playground-mobile-title,.playground-mobile-description{width:fit-content;font-size:var(--body-size);line-height:var(--body-line-height);letter-spacing:var(--body-letter-spacing);padding:4px 8px}.playground-mobile-title{color:#fff;background:#000}.playground-mobile-description{color:#000;background:#fff}.playground-cursor{display:none}.project-hero img,.project-hero video{object-fit:cover;width:100%;height:250px}.project-detail-title{width:calc(100vw - (var(--page-margin) * 2));max-width:none;margin-left:var(--page-margin);margin-right:var(--page-margin);white-space:normal}.project-detail-content{padding-left:var(--page-margin);padding-right:var(--page-margin);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:12px;margin-top:40px}.project-detail-info,.project-detail-gallery{grid-column:1/-1}.project-info-item{margin-bottom:12px}.project-info-item .eyebrow{margin-bottom:0}.project-detail-body{margin-top:40px}.project-carousel-thumbnails{column-gap:10px}.project-detail-gallery{margin-top:40px}.project-carousel-main{justify-content:center;align-items:flex-start;width:100%;height:250px;display:flex;overflow:hidden}.project-carousel-main img.is-landscape{width:100%;height:auto;max-height:250px}.project-carousel-main img.is-portrait{width:auto;max-width:none;height:250px}.project-carousel-thumbnail{height:60px}.project-media{gap:60px;margin-top:0}.project-media-image,.project-media-carousel{grid-column:1/-1!important}.project-media-image img{width:100%;height:auto}.project-image-row{flex-direction:column;gap:20px;display:flex}.project-image-row img{width:100%;height:auto}.info-body{grid-column:1/-1;width:100%}.site-footer{font-size:var(--body-size);letter-spacing:var(--body-letter-spacing);row-gap:4px}.footer-right{text-align:left;order:1;grid-column:1/-1;align-items:flex-start}.footer-left{order:2;grid-column:1/-1;justify-content:flex-start}}