
:root{--paper:#f7f6f2;--ink:#282822;--muted:#68685e;--blue:#1925b5;--dark:#252b23;--line:#d7d6cc;--display:"Instrument Serif",serif;--body:"DM Sans",sans-serif;--space:clamp(24px,4.5vw,88px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}::selection{background:#ddd5bf;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,video{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.025em}h2{font-size:clamp(48px,5.6vw,88px);line-height:1.03;text-wrap:balance}h3{font-size:28px;line-height:1.1}em{font-weight:400}p{max-width:60ch}p+p{margin-top:24px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8f733c;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--paper);z-index:20}.skip:focus{top:10px}.site-header{padding:24px var(--space);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;height:120px}.small-brand{grid-column:2;grid-row:1;display:block;width:64px}.small-brand img{width:100%;height:auto;filter:brightness(0)}.site-header nav{grid-column:1;grid-row:1;display:flex;gap:26px;font-size:13px}.site-header nav a,.contact-nav{position:relative;white-space:nowrap}.site-header nav a:after,.contact-nav:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.site-header nav a:hover:after,.contact-nav:hover:after{transform:scaleX(1)}.contact-nav{grid-column:3;grid-row:1;justify-self:end;font-size:13px}.menu-toggle{display:none;border:0;background:none;padding:12px 0}.mobile-menu[hidden]{display:none}.mobile-menu{display:grid;padding:20px var(--space) 40px;gap:15px}.mobile-menu a{font-family:var(--display);font-size:38px}.masthead{text-align:center;padding:60px var(--space) 65px;position:relative}.masthead h1{font-size:clamp(78px,8.7vw,140px);line-height:.91;letter-spacing:-.035em}.masthead h1 em{font-style:italic}.masthead-deck{margin-top:36px;display:flex;justify-content:center;font-size:16px;line-height:1.65}.masthead-work{display:inline-block;margin-top:30px;font-size:13px;padding-bottom:5px;border-bottom:1px solid var(--ink)}.text-link{display:inline-block;align-self:flex-start;font-size:13px;padding:8px 0 5px;border-bottom:1px solid currentColor;line-height:1.5;transition:opacity .2s}.text-link:hover{opacity:.55}.text-link:active{opacity:.35}.featured-work{padding:0 var(--space)}.moon-stage{height:620px;background:#e5e4dd;overflow:hidden}.moon-stage-images{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative}.moon-stage-images img,.moon-stage-images video{width:100%;height:100%;object-fit:cover;object-position:50% 44%;min-width:0}.moon-stage-images img{object-position:50% 25%}.film-toggle{position:absolute;right:20px;bottom:20px;background:var(--paper);color:var(--ink);border:0;padding:11px 17px;min-height:44px;font-size:13px;cursor:pointer;transition:background .2s}.film-toggle:hover{background:#e3dfd2}.project-caption{display:flex;justify-content:space-between;gap:35px;align-items:start;padding-top:26px}.project-caption h2{font-size:42px;line-height:1.1;letter-spacing:-.02em}.project-caption p{margin-top:9px;font-size:13px;color:var(--muted)}.project-caption .text-link{margin-top:6px;white-space:nowrap}.section-space{padding:140px var(--space)}.intro{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:start}.intro h2{font-size:70px}.intro .statement{font-family:var(--display);font-size:44px;line-height:1.12;letter-spacing:-.02em}.intro p:not(.statement){margin-top:28px;color:var(--muted);max-width:49ch;font-size:16px}.intro .text-link{margin-top:24px}.clothing{padding-top:15px}.section-heading{display:grid;grid-template-columns:1fr 1.15fr;align-items:end;gap:90px;margin-bottom:50px}.section-heading h2{font-size:76px}.section-heading>div{max-width:360px}.section-heading p{font-size:16px;line-height:1.65;margin-bottom:18px;color:var(--muted)}.clothing-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:start}.garment-image{position:relative;background:#4c6670;overflow:hidden;aspect-ratio:.9}.garment-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),opacity .4s}.garment-front{position:absolute;inset:0;opacity:0}.garment-main:hover .garment-front,.garment-main:focus-visible .garment-front{opacity:1}.garment:hover .garment-image>img:first-child{transform:scale(1.02)}.item-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px}.item-caption h3{font-size:31px}.item-caption span{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:3px;white-space:nowrap}.garment>p{font-size:13px;color:var(--muted);margin-top:8px;max-width:40ch}.clothing-side{display:grid;gap:35px;padding-top:100px}.clothing-side .garment-image{aspect-ratio:1.5;background:#4b7152}.clothing-side .garment-image img{object-fit:contain}.clothing-side .garment:last-child .garment-image{background:#e7e4d7}.clothing-side .item-caption h3{font-size:27px}.music{margin:0 var(--space) 140px;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#ebe7dd}.album-image{padding:65px;display:grid;place-items:center}.album-image img{width:100%;height:auto}.album-copy{padding:70px 60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.album-copy h2{font-size:88px;line-height:1}.project-kind{font-size:13px;color:var(--muted);line-height:1.5;margin-top:18px}.album-artist{font-size:17px;margin-top:30px}.album-copy>p:not(.album-artist){font-size:16px;line-height:1.7;margin-top:20px;color:var(--muted)}.listen-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:28px}.productions{background:var(--dark);color:var(--paper);padding-top:110px;padding-bottom:110px}.productions-top{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.productions-logo{width:110px;height:auto;margin-top:10px}.productions-top h2{font-size:88px}.productions-top .statement{font-size:18px;line-height:1.65;margin-top:32px;max-width:42ch;color:#dedfd5}.services{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;margin-top:75px}.services>h3{font-family:var(--body);font-size:13px;letter-spacing:0;font-weight:400;margin-top:7px}.service-list details{border-bottom:1px solid #62675c;margin-bottom:24px;padding-bottom:24px}.service-list summary{display:flex;justify-content:space-between;gap:30px;list-style:none;font-family:var(--display);font-size:29px;line-height:1.25;cursor:pointer;letter-spacing:-.01em}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font-family:var(--body);font-weight:400;font-size:18px;transition:transform .3s}.service-list details[open] summary span{transform:rotate(45deg)}.service-list p{margin-top:17px;color:#c1c6b9;font-size:16px;line-height:1.7;max-width:43ch}.agency-close{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;margin-top:55px;align-items:center}.agency-close p{font-size:13px}.agency-close .text-link{justify-self:start}footer{padding:100px var(--space) 25px;overflow:hidden}.footer-top{display:flex;justify-content:center;text-align:center}.big-contact{font-family:var(--display);font-size:clamp(70px,8vw,130px);line-height:.95;letter-spacing:-.03em;transition:opacity .25s}.big-contact:hover{opacity:.6}.footer-details{display:grid;grid-template-columns:1fr 1fr auto;gap:50px;font-size:13px;margin-top:80px;align-items:start}.footer-details p{margin-top:8px;color:var(--muted)}.footer-details>div:nth-child(2){display:grid;gap:8px}.footer-details a:hover{text-decoration:underline;text-underline-offset:5px}.back-top{font-size:13px}.footer-signature{display:flex;align-items:center;justify-content:space-between;margin-top:90px;padding-bottom:60px}.footer-signature img{width:100px;height:auto;filter:brightness(0)}.footer-signature p{font-family:var(--display);font-size:44px;line-height:1.04;letter-spacing:-.02em}.colophon{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted)}section[id],footer[id]{scroll-margin-top:30px}.case-intro{padding:55px var(--space) 65px}.case-intro h1{font-size:clamp(78px,10vw,150px);line-height:.92;margin-top:50px}.case-lead{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px;align-items:end}.case-lead>p:first-child{font-family:var(--display);font-size:38px;line-height:1.15}.case-lead>p:last-child{font-size:16px;max-width:39ch;color:var(--muted)}.case-title{width:100%;height:auto}.case-story{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.case-story h2{font-size:68px}.case-story .statement{font-family:var(--display);font-size:44px;line-height:1.12;letter-spacing:-.02em}.case-story p:not(.statement){font-size:16px;color:var(--muted);max-width:50ch}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:45px 0 0}.project-facts dt{font-size:13px;color:var(--muted);margin-bottom:7px}.project-facts dd{margin:0;font-size:16px}.film-section{background:#ebe7dd;color:var(--ink);display:grid;grid-template-columns:1fr 1fr;padding:80px var(--space);gap:90px;align-items:center}.film-copy{max-width:400px}.film-copy h2{font-size:76px}.film-copy p{font-size:16px;margin-top:30px}.film-copy p:last-child{font-size:13px;color:var(--muted)}.film-player{display:flex;justify-content:center}.film-player video{width:100%;max-width:350px;background:#111}.art-diptych{padding:0 var(--space);display:grid;grid-template-columns:1fr 1fr;gap:32px}.art-diptych img{width:100%;height:660px;object-fit:cover}.art-diptych figcaption{font-size:13px;padding-top:16px;color:var(--muted)}.outcome .text-link{margin-top:25px}.next-work{margin:0 var(--space);padding:55px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:40px}.next-work>a{font-family:var(--display);font-size:60px;letter-spacing:-.02em;line-height:1.05}.next-work>span{font-size:13px;color:var(--muted)}
@media(max-width:1000px){.site-header nav{gap:18px;font-size:13px}.site-header{gap:20px}.masthead{padding-top:45px}.masthead h1{font-size:100px}.moon-stage{height:530px}.moon-stage-images{grid-template-columns:1fr 1fr}.section-space{padding-top:100px;padding-bottom:100px}.intro,.section-heading,.productions-top,.services,.agency-close,.case-story{gap:45px}.intro h2{font-size:58px}.intro .statement{font-size:37px}.section-heading h2{font-size:60px}.clothing{padding-top:10px}.clothing-grid{gap:28px}.clothing-side{padding-top:70px}.album-image{padding:35px}.album-copy{padding:40px 30px}.album-copy h2{font-size:65px}.listen-links{gap:15px}.music{margin-bottom:100px}.productions-top h2{font-size:74px}.services{margin-top:60px}.case-story h2{font-size:58px}.case-story .statement{font-size:38px}.film-section{gap:45px}.film-copy h2{font-size:60px}.footer-details{gap:25px}.next-work>a{font-size:48px}}
@media(max-width:600px){:root{--space:22px}.site-header{height:105px;padding:20px 22px;grid-template-columns:1fr 1fr}.small-brand{grid-column:1;grid-row:1;width:53px}.site-header nav,.contact-nav{display:none}.menu-toggle{display:block;grid-column:2;grid-row:1;justify-self:end;font-size:13px;min-height:44px}.masthead{padding:38px 22px 46px}.masthead h1{font-size:clamp(67px,19vw,92px);line-height:.94}.masthead-deck{margin-top:25px;font-size:13px;line-height:1.7}.masthead-work{font-size:13px;margin-top:24px}.featured-work{padding:0 12px}.moon-stage{height:380px}.moon-stage-images{grid-template-columns:1fr 1fr}.moon-stage-images img,.moon-stage-images video{height:380px}.film-toggle{font-size:13px;right:12px;bottom:12px;padding:10px 12px;min-height:40px}.project-caption{display:grid;gap:13px;padding:21px 10px 0}.project-caption h2{font-size:34px}.project-caption p{font-size:13px;line-height:1.65;max-width:31ch}.project-caption .text-link{margin-top:0;justify-self:start;font-size:13px}.section-space{padding:80px 22px}.intro,.section-heading,.productions-top,.services,.agency-close,.case-story{grid-template-columns:1fr;gap:30px}.intro h2{font-size:52px}.intro .statement{font-size:34px}.intro p:not(.statement){font-size:16px;margin-top:24px}.intro .text-link{margin-top:20px}.clothing{padding-top:10px}.section-heading h2{font-size:53px}.section-heading{margin-bottom:32px;gap:26px}.section-heading p{font-size:16px}.clothing-grid{grid-template-columns:1fr;gap:35px}.garment-image{aspect-ratio:1}.item-caption h3{font-size:29px}.item-caption span{font-size:13px}.garment>p{font-size:13px;line-height:1.5}.clothing-side{padding:0;grid-template-columns:1fr 1fr;gap:18px}.clothing-side .garment-image{aspect-ratio:.85}.clothing-side .item-caption h3{font-size:23px;line-height:1.1}.clothing-side .item-caption span{display:none}.clothing-side .item-caption{margin-top:12px}.music{margin:0 12px 80px;grid-template-columns:1fr}.album-image{padding:36px}.album-copy{padding:10px 28px 40px}.album-copy h2{font-size:74px}.project-kind{font-size:13px;margin-top:13px}.album-artist{font-size:16px;margin-top:26px}.album-copy>p:not(.album-artist){font-size:16px;margin-top:18px}.listen-links{gap:22px;margin-top:22px}.text-link{font-size:13px}.productions{padding-top:65px;padding-bottom:65px}.productions-logo{width:75px;margin-top:0}.productions-top h2{font-size:68px}.productions-top .statement{font-size:16px;line-height:1.7;margin-top:24px}.services{margin-top:50px;gap:25px}.service-list summary{font-size:25px}.service-list p{font-size:13px}.service-list details{margin-bottom:20px;padding-bottom:20px}.agency-close{margin-top:34px;gap:10px}.agency-close p{font-size:13px}.agency-close .text-link{font-size:13px}footer{padding:70px 22px 22px}.big-contact{font-size:clamp(60px,17vw,77px)}.footer-details{grid-template-columns:1fr;gap:28px;font-size:13px;margin-top:55px}.back-top{display:none}.footer-signature{margin-top:55px;padding-bottom:40px}.footer-signature img{width:78px}.footer-signature p{font-size:36px}.colophon{font-size:10px;gap:12px;flex-wrap:wrap}.colophon span:last-child{display:none}.case-intro{padding:30px 22px 42px}.case-intro h1{font-size:clamp(63px,17vw,78px);margin-top:38px}.case-lead{grid-template-columns:1fr;gap:24px;margin-top:30px}.case-lead>p:first-child{font-size:32px}.case-lead>p:last-child{font-size:16px}.case-title{min-height:210px;object-fit:cover}.case-story h2{font-size:52px}.case-story .statement{font-size:34px}.case-story p:not(.statement){font-size:16px}.project-facts{gap:25px;margin-top:32px}.project-facts dd{font-size:13px}.film-section{grid-template-columns:1fr;padding:60px 22px;gap:35px}.film-copy h2{font-size:55px}.film-copy p{font-size:16px;margin-top:24px}.film-player video{max-width:310px}.art-diptych{gap:15px}.art-diptych img{height:320px}.art-diptych figcaption{font-size:13px}.next-work{display:grid;gap:18px;padding:35px 0}.next-work>a{font-size:44px}.next-work>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
