@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--black:#171717;--paper:#e9e8e2;--orange:#ff5a36;--line:#3e3e3c;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;background:var(--black);color:var(--paper);font:15px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}button{cursor:pointer}.header{position:fixed;z-index:20;left:0;right:0;top:0;padding:24px 3.8vw;display:flex;align-items:center;justify-content:space-between;background:#171717ee;border-bottom:1px solid #ffffff13;backdrop-filter:blur(12px)}.wordmark{font-size:24px;line-height:1;font-weight:700;letter-spacing:-1.3px;white-space:nowrap}.wordmark-dot{color:var(--orange);margin-left:4px;font-size:28px}.header nav{display:flex;align-items:center;gap:35px;font-size:12px}.header nav>a>span{margin-left:14px;font-size:10px;color:#a6a6a0}.header nav .contact-nav{border-bottom:1px solid #8d8d86;padding-bottom:3px}.header nav .contact-nav>span{font-size:18px;color:var(--orange)}#motion-toggle{padding:0;background:transparent;border:0;color:#acaca5;font-size:10px;display:flex;gap:4px;align-items:center}#motion-toggle i{width:5px;height:5px;border-radius:50%;background:var(--orange);margin-left:5px}#motion-toggle[aria-pressed=true] i{background:#74746d}.zoom-section{height:255svh;position:relative}.zoom-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;inset:0;padding:145px 3.8vw 95px;will-change:transform,opacity;z-index:1}.hero-meta,.section-index{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:500;letter-spacing:1px}.hero-meta{color:#a5a59f;margin-bottom:29px}.hero-copy h1{font-family:var(--display);font-size:clamp(110px,16.9vw,280px);font-weight:700;letter-spacing:-.025em;line-height:.79}.hero-copy h1>span{color:var(--orange)}.hero-bottom-copy{margin-top:45px;display:flex;gap:40px;align-items:center}.hero-bottom-copy p{font-size:13px;line-height:1.6;color:#b2b2aa}.round-link{border:1px solid #565650;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:22px}.round-link:hover{background:var(--orange);color:var(--black);border-color:var(--orange)}.screen-shell{position:absolute;z-index:2;left:67%;top:63%;width:calc(100% - 100px);max-width:1460px;height:75svh;min-height:430px;max-height:1000px;transform:translate(-50%,-50%) rotate(-9deg) scale(.48);transform-origin:center;will-change:transform,left,top;box-shadow:0 40px 80px #0006;background:#e5e2d9;color:#26332e;border-radius:7px;overflow:hidden}.screen-toolbar{height:28px;display:flex;align-items:center;justify-content:space-between;padding-inline:14px;background:#d0cfc8;font-size:8px;letter-spacing:1px}.screen-toolbar>span:first-child{display:flex;gap:4px}.screen-toolbar i{width:5px;height:5px;background:#93988d;border-radius:50%}.screen-site{height:calc(100% - 28px);display:flex;flex-direction:column}.screen-nav{height:92px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 4%}.screen-nav strong{font-family:var(--display);font-size:25px;line-height:.9;letter-spacing:-.5px}.screen-nav>span{font-size:10px;line-height:1.5;margin-left:auto;margin-right:7%}.screen-nav>a{font-size:11px;border:1px solid #26332e60;padding:10px 18px}.screen-hero{position:relative;flex:1;min-height:0;overflow:hidden;background:#506957}.screen-hero>img{position:absolute;inset:0;height:100%;object-position:center 53%;filter:saturate(.55);transform:scale(1.12);will-change:transform}.screen-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111f19a6,transparent 90%)}.screen-heading{position:absolute;left:5%;top:50%;transform:translateY(-50%);color:#f0ede4}.screen-heading>span{font-size:9px;letter-spacing:1.5px}.screen-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,100px);line-height:1;letter-spacing:-3px;margin:19px 0 27px}.screen-link{display:inline-flex;align-items:center;gap:60px;background:#e5e2d9;color:#26332e;padding:14px 20px;font-size:11px}.screen-link b{font-size:18px;font-weight:400}.screen-side{position:absolute;right:2.4%;bottom:10%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:white}.screen-foot{display:flex;justify-content:space-between;align-items:center;height:52px;flex-shrink:0;padding:10px 4%;gap:25px;font-size:9px}.screen-foot>span:last-child{font-size:7px;letter-spacing:1px}.scene-footer{position:absolute;left:3.8vw;right:3.8vw;bottom:24px;display:flex;align-items:center;gap:30px;font-size:8px;letter-spacing:1.3px;color:#9e9e96;z-index:3}.scene-track{height:1px;background:#ffffff25;flex:1}.scene-track>div{background:var(--orange);height:1px;transform:scaleX(0);transform-origin:left}.scene-count{font-variant-numeric:tabular-nums}.section-pad{padding:90px 3.8vw}.work{background:var(--paper);color:var(--black)}.work .section-index{color:#5f605a}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin:60px 0}.work-heading h2{font-size:clamp(38px,5vw,77px);font-weight:500;line-height:1.07;letter-spacing:-3px}.work-heading h2>span{color:#93948a}.work-heading>p{font-size:13px;color:#66675e;line-height:1.7}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:start}.project{display:block}.project-electric{margin-top:150px}.project-image{height:600px;max-height:58vw;position:relative;overflow:hidden;background:#334837}.project-image>img{height:100%;filter:saturate(.35) brightness(.72);transition:transform .7s}.project:hover .project-image>img{transform:scale(1.06)}.project-overlay{position:absolute;inset:30px;display:flex;justify-content:space-between;align-items:flex-start}.project-overlay>span:first-child{font-family:var(--display);font-size:56px;font-weight:700;line-height:.85;letter-spacing:-1px;color:#f1f0e4}.project-circle{width:46px;height:46px;border:1px solid #ffffff70;color:white;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .2s,transform .2s}.project:hover .project-circle{background:var(--orange);border-color:var(--orange);color:var(--black);transform:rotate(45deg)}.project-image-caption{position:absolute;left:30px;bottom:30px;right:30px;border-top:1px solid #ffffff60;padding-top:20px;font-size:10px;letter-spacing:1px;color:white}.project-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:21px}.project-caption h3{font-size:19px;font-weight:600;letter-spacing:-.5px}.project-caption p{font-size:10px;color:#77786f;margin-top:4px}.project-caption>span{font-size:8px;letter-spacing:1px;padding-top:7px}.electric-poster{height:570px;max-height:58vw;background:#e8f15c;color:#202416;position:relative;overflow:hidden;padding:30px}.poster-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.poster-symbol{position:absolute;font-family:Georgia,serif;font-size:440px;line-height:1;top:40px;left:50%;transform:translateX(-50%) rotate(-10deg);color:#222b1c;transition:transform .7s}.project:hover .poster-symbol{transform:translateX(-50%) rotate(5deg) scale(1.06)}.electric-poster h3{font-family:var(--display);position:absolute;bottom:28px;left:30px;font-size:100px;font-weight:700;line-height:.83;letter-spacing:-2px;mix-blend-mode:exclusion;color:#e8f15c}.electric-poster .project-circle{position:absolute;right:30px;bottom:30px;color:#202416;border-color:#20241660}.type-band{padding:25px 0 35px;overflow:hidden;background:var(--paper);color:#171717;border-top:1px solid #17171725}.type-track{white-space:nowrap;font-family:var(--display);font-weight:600;font-size:clamp(70px,10vw,160px);line-height:1;letter-spacing:-2px;will-change:transform}.type-track span{color:var(--orange);display:inline-block;margin:0 45px}.studio .section-index{color:#8e8f87}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;margin:75px 0 100px}.studio h2{font-size:clamp(38px,4.7vw,72px);line-height:1.1;letter-spacing:-2.5px;font-weight:500}.studio h2 span{color:#71736b}.service-list details{border-top:1px solid #4e4e48;padding:22px 0}.service-list details:last-child{border-bottom:1px solid #4e4e48}.service-list summary{display:flex;gap:25px;align-items:center;list-style:none;cursor:pointer;font-size:20px;letter-spacing:-.5px}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span{font-size:9px;color:var(--orange);letter-spacing:0}.service-list summary>b{margin-left:auto;font-size:20px;font-weight:400;color:#9b9b92}.service-list details p{font-size:13px;color:#9f9f95;margin:20px 0 0 39px;max-width:350px}.founder{display:flex;gap:30px;align-items:center;padding-top:35px;border-top:1px solid #3e3e38}.founder-mark{background:#31312c;color:var(--orange);width:75px;height:75px;flex-shrink:0;display:grid;place-items:center;font-size:30px;font-weight:500}.founder h3{font-size:16px;font-weight:500;margin-bottom:10px}.founder p{font-size:12px;color:#94948a;max-width:570px}.founder>a{margin-left:auto;white-space:nowrap;font-size:10px;color:#bcbcb1}.contact{background:var(--orange);color:#171717;padding-bottom:50px}.contact .section-index{color:#48281f}.contact-title{display:flex;justify-content:space-between;align-items:center;margin:60px 0}.contact-title>span:first-child{font-family:var(--display);font-weight:700;font-size:clamp(100px,15.3vw,240px);letter-spacing:-.025em;line-height:.8}.contact-title em{font-style:normal;color:#f5d7c7}.contact-arrow{font-size:clamp(140px,28vw,430px);font-weight:400;line-height:1;transition:transform .35s}.contact-title:hover .contact-arrow{transform:translate(12px,-12px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #17171755;padding-top:30px;gap:30px}.contact-bottom p{font-size:13px}.contact-button{display:flex;gap:70px;align-items:center;border-bottom:1px solid #171717;padding-bottom:9px;font-size:13px}.contact-button>span{font-size:23px}footer{padding:35px 3.8vw;display:flex;gap:40px;justify-content:space-between;align-items:center}footer>.wordmark{margin-right:auto}footer>span,footer>a:not(.wordmark){font-size:8px;letter-spacing:1px;color:#9a9a91}.skip{position:fixed;z-index:100;top:-60px;left:20px;background:var(--orange);color:var(--black);padding:12px}.skip:focus{top:100px}.static-motion .zoom-section{height:auto}.static-motion .zoom-sticky{position:relative;height:auto;min-height:0;overflow:hidden;padding-bottom:80px}.static-motion .hero-copy{position:relative;padding-bottom:50px;opacity:1!important;transform:none!important}.static-motion .screen-shell{position:relative;left:auto!important;top:auto!important;transform:none!important;margin:0 auto;height:75svh}.static-motion .screen-hero>img{transform:none!important}.static-motion .scene-footer{display:none}.static-motion .type-track{transform:none!important}.static-motion *{scroll-behavior:auto!important;transition:none!important}
.screen-shell{background:#ecece2;color:#203b30}.screen-toolbar{background:#d6d9cb}.screen-heading h2{font-family:var(--display);font-weight:700;font-size:clamp(60px,8vw,135px);line-height:.83;letter-spacing:-.02em}.screen-link{background:#d7edb1;color:#203b30}.screen-hero>img{filter:saturate(.8)}.screen-shade{background:linear-gradient(90deg,#111f19bd,transparent 100%)}.project-image>img{filter:saturate(.75) brightness(.8)}
@media(min-width:1700px){.hero-copy{padding-top:180px}.hero-meta{margin-bottom:40px}.hero-copy h1{font-size:16vw}.screen-shell{max-width:calc(100% - 120px)}}
@media(max-height:800px) and (min-width:761px){.hero-copy{padding-top:120px}.hero-copy h1{font-size:min(15vw,25vh)}.hero-meta{margin-bottom:24px}.hero-bottom-copy{margin-top:26px}.zoom-sticky{min-height:540px}.screen-shell{min-height:380px}.screen-nav{height:70px}.screen-foot{height:40px}}
@media(max-width:900px){.header nav{gap:22px}.hero-copy h1{font-size:18vw}.screen-shell{width:calc(100% - 50px)}.project-image{height:450px}.electric-poster{height:430px}.poster-symbol{font-size:330px}.electric-poster h3{font-size:78px}.project-electric{margin-top:100px}.studio-grid{gap:6vw}.service-list summary{font-size:17px}.founder{gap:22px}}
@media(max-width:760px){html{scroll-padding-top:90px}.header{padding:21px 20px}.wordmark{font-size:20px}.wordmark-dot{font-size:22px}.header nav{gap:18px}.header nav>a:not(.contact-nav){display:none}.header nav .contact-nav{font-size:11px}#motion-toggle{font-size:9px}.header nav .contact-nav>span{margin-left:5px}.zoom-section{height:210svh}.zoom-sticky{min-height:600px}.hero-copy{padding:125px 20px 80px}.hero-meta{font-size:7px;letter-spacing:.7px;gap:20px;align-items:flex-start;margin-bottom:36px}.hero-meta>span:last-child{max-width:120px;text-align:right}.hero-copy h1{font-size:21vw;line-height:.86;letter-spacing:-.025em}.hero-bottom-copy{margin-top:25px;gap:25px}.hero-bottom-copy p{font-size:11px;max-width:200px}.round-link{width:35px;height:35px;font-size:18px}.screen-shell{left:56%;top:71%;width:calc(100% - 32px);height:60svh;min-height:340px;max-height:660px;transform:translate(-50%,-50%) rotate(-7deg) scale(.77)}.screen-toolbar{font-size:5px;height:20px;padding-inline:8px}.screen-site{height:calc(100% - 20px)}.screen-nav{height:65px;padding:12px 15px;gap:12px}.screen-nav strong{font-size:18px}.screen-nav>span{display:none}.screen-nav>a{font-size:8px;padding:7px 9px}.screen-heading{left:7%}.screen-heading>span{font-size:6px;letter-spacing:1px}.screen-heading h2{font-size:41px;letter-spacing:-1.5px;margin:13px 0 20px}.screen-link{font-size:8px;padding:9px 12px;gap:25px}.screen-side{font-size:5px;letter-spacing:1px}.screen-foot{height:47px;padding:10px 15px;gap:15px;font-size:6px}.screen-foot>span:last-child{font-size:5px;max-width:100px;text-align:right;letter-spacing:.5px}.scene-footer{left:20px;right:20px;bottom:18px;gap:16px;font-size:6px;letter-spacing:.8px}.scene-count{display:none}.section-pad{padding:60px 20px}.section-index{font-size:7px;letter-spacing:.4px;gap:20px;align-items:flex-start}.section-index>span:last-child{text-align:right;max-width:135px}.work-heading{display:block;margin:42px 0 34px}.work-heading h2{font-size:41px;letter-spacing:-2px}.work-heading p{font-size:11px;margin-top:20px}.project-grid{grid-template-columns:1fr;gap:42px}.project-electric{margin-top:0}.project-image,.electric-poster{height:470px;max-height:none}.project-image{height:480px}.project-overlay{inset:23px}.project-overlay>span:first-child{font-size:55px}.project-image-caption{left:23px;right:23px;bottom:23px;font-size:8px}.project-caption h3{font-size:18px}.project-caption>span{font-size:7px}.electric-poster{padding:25px}.poster-symbol{font-size:390px;top:30px}.electric-poster h3{font-size:95px;left:25px;bottom:25px}.type-band{padding-block:18px 25px}.type-track{font-size:80px}.type-track span{margin-inline:25px}.studio-grid{grid-template-columns:1fr;gap:40px;margin:45px 0 55px}.studio h2{font-size:43px;letter-spacing:-2px}.service-list summary{font-size:19px}.service-list details p{font-size:12px}.founder{align-items:flex-start;flex-wrap:wrap;gap:20px}.founder-mark{height:47px;width:47px;font-size:22px}.founder>div{flex:1;min-width:200px}.founder h3{font-size:15px}.founder p{font-size:11px}.founder>a{margin-left:67px}.contact-title{margin-block:48px;font-size:110px;align-items:flex-start}.contact-title>span:first-child{font-size:24vw}.contact-arrow{font-size:23vw;padding-top:20px}.contact-bottom{display:block;padding-top:25px}.contact-bottom p{font-size:12px}.contact-button{font-size:11px;margin-top:25px;justify-content:space-between;gap:15px}footer{padding:30px 20px;gap:25px;flex-wrap:wrap}footer>.wordmark{width:100%}footer>a:not(.wordmark),footer>span{font-size:7px}.static-motion .hero-copy{padding-bottom:40px}.static-motion .screen-shell{height:550px;max-height:80svh}.static-motion .zoom-sticky{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}html:not(.motion-enabled) .zoom-section{height:auto}html:not(.motion-enabled) .zoom-sticky{position:relative;height:auto;min-height:0;padding-bottom:60px}html:not(.motion-enabled) .hero-copy{position:relative;padding-bottom:45px}html:not(.motion-enabled) .screen-shell{position:relative;left:auto;top:auto;transform:none;margin:auto}html:not(.motion-enabled) .scene-footer{display:none}html:not(.motion-enabled) .type-track{transform:none!important}}