@font-face{font-family:Archia;src:local("Archia")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f5f4f0;color:#191916;font-family:Archia,"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#c2ef64;color:#151515}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.scroll-progress{height:2px;background:#b4d957;position:fixed;left:0;top:0;width:0;z-index:30}.site-header{height:84px;padding:0 5.3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1919161a;position:relative;z-index:25}.wordmark,.footer-logo{font-weight:700;letter-spacing:-.075em;font-size:23px;text-decoration:none;color:inherit}.wordmark span,.footer-logo span{font-family:"DM Mono",monospace;font-size:9px;vertical-align:top;margin-left:4px;letter-spacing:0}.header-note,.section-kicker,.hero-topline,.hero-caption,.reel-label,.reel-time,.sound-toggle,.hero-index,.image-tag,.brand-number,.text-link,.brands-footnote,.gallery-item figcaption,.gallery-bottom,.contact-cta,.footer-label,.back-top,.footer-bottom{font:10px/1.45 "DM Mono",monospace;letter-spacing:.055em}.header-note{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-size:9px;line-height:1.3}.site-nav{display:flex;gap:31px}.site-nav a,.footer-grid a{font-size:12px;text-decoration:none;color:inherit;transition:opacity .2s}.site-nav a:hover,.footer-grid a:hover{opacity:.5}.menu-toggle{display:none}.hero{padding:30px 5.3vw 0}.hero-topline,.hero-caption{display:flex;justify-content:space-between;font-size:9px}.hero h1{font-size:clamp(90px,17vw,248px);line-height:.75;letter-spacing:-.105em;font-weight:500;margin:55px 0 52px;position:relative}.hero h1 .hero-last{display:inline-block;margin-left:19.3%;white-space:nowrap}.hero h1 em,.brands-heading em,.portfolio-title em,.statement h2 em{font-family:"DM Sans",sans-serif;font-style:normal;font-weight:400;letter-spacing:-.105em}.hero-index{position:absolute;right:0;bottom:8px;font-size:10px;letter-spacing:0}.reel-wrap{height:min(55vw,650px);min-height:350px;position:relative;overflow:hidden;background:#292a27;color:white}.reel-video,.reel-overlay{position:absolute;width:100%;height:100%;inset:0}.reel-video{object-fit:cover;filter:grayscale(1);opacity:.83;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.reel-wrap:hover .reel-video{transform:scale(1.025)}.reel-overlay{background:linear-gradient(180deg,#0005 0%,transparent 38%,#0007 100%)}.reel-label{position:absolute;left:27px;top:24px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d5ff78;margin-right:9px;animation:pulse 1.7s infinite}.reel-time{position:absolute;right:27px;top:24px}.sound-toggle{position:absolute;bottom:25px;right:27px;color:white;border:0;background:none;cursor:pointer;padding:8px}.sound-toggle span{margin-left:13px}.reel-play{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;color:white;text-decoration:none;font-size:21px;transition:background .2s,color .2s}.reel-play:hover{background:#c2ef64;color:#111;border-color:#c2ef64}.hero-caption{padding:14px 0 0;font-size:9px}.hero-caption b,.brands-footnote b{font-size:16px;margin-left:9px}.section-pad{padding-left:10.5vw;padding-right:10.5vw}.intro{padding-top:155px;padding-bottom:130px;position:relative}.section-kicker{display:flex;justify-content:space-between;border-top:1px solid #191916;padding-top:13px;color:#64645f;font-size:9px}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;margin-top:76px}.intro h2,.brands-heading h2,.portfolio-title h2{font-size:clamp(53px,7vw,102px);line-height:.93;letter-spacing:-.09em;font-weight:500;margin:0}.intro h2 span{font-family:"DM Sans",sans-serif;font-weight:400}.intro-copy{padding-top:8px;max-width:440px}.intro-copy p{font-size:14px;line-height:1.85;color:#55554f;margin:0 0 18px}.intro-copy .lead{font-size:22px;line-height:1.4;color:#191916;letter-spacing:-.045em;margin-bottom:22px}.underline-accent{background:linear-gradient(transparent 78%,#c2ef64 78%)}.intro-copy strong{color:#191916;font-weight:600}.legal-note{padding-top:15px!important;border-top:1px solid #19191624;font-size:11px!important;line-height:1.6!important}.tiny-star{color:#8ea835;margin-right:9px}.scribble-note{position:absolute;right:11vw;top:68%;font:24px/1.05 "Gochi Hand",cursive;color:#778b3a;transform:rotate(9deg)}.scribble-note span{font-size:26px;display:inline-block;margin-left:34px}.values-line{display:flex;gap:8%;border-top:1px solid #19191625;margin-top:99px;padding-top:16px;font:9px "DM Mono",monospace;letter-spacing:.08em;color:#6d6d66}.brands{background:#eae9e3;padding-top:120px;padding-bottom:105px}.brands-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:67px 0 95px}.brands-heading h2{font-size:clamp(57px,8vw,112px)}.brands-heading h2 em{color:#77776f}.brands-heading p{font-size:13px;color:#686861;line-height:1.8;max-width:285px;margin:0 2% 8px 30px}.brand-list{display:grid;grid-template-columns:1fr 1fr;column-gap:9%;row-gap:100px}.brand-card{max-width:490px}.brand-offset{margin-top:115px}.brand-image{display:block;position:relative;overflow:hidden;aspect-ratio:1.14;background:#d6d5ce;color:white}.brand-image.image-tall{aspect-ratio:.91}.brand-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .7s}.brand-image:hover img{transform:scale(1.04);filter:grayscale(.15)}.brand-image:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0005)}.image-tag{position:absolute;z-index:2;left:19px;bottom:18px;color:white;font-size:9px}.image-arrow{position:absolute;z-index:2;right:18px;top:18px;border:1px solid #ffffffa0;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:17px;transition:background .2s,color .2s}.brand-image:hover .image-arrow{background:#c2ef64;color:#191916;border-color:#c2ef64}.brand-info{padding:21px 0 0}.brand-info>div{display:flex;align-items:flex-start;gap:15px}.brand-number{color:#82827b;padding-top:9px}.brand-info h3{font-size:clamp(28px,3vw,41px);letter-spacing:-.07em;font-weight:500;margin:0}.brand-info p{font-size:12px;line-height:1.8;max-width:375px;color:#65655f;margin:13px 0 19px 32px}.text-link{display:inline-block;color:#1b1b18;text-decoration:none;border-bottom:1px solid #1919165c;padding-bottom:5px;margin-left:32px;transition:border-color .2s,color .2s}.text-link:hover{color:#758934;border-color:#758934}.text-link span{margin-left:16px}.brands-footnote{display:flex;justify-content:space-between;margin-top:110px;border-top:1px solid #1919162b;padding-top:14px;color:#6c6c65}.portfolio{padding-top:133px;padding-bottom:110px}.portfolio-title{display:flex;justify-content:space-between;align-items:flex-end;margin:65px 0 70px}.portfolio-title h2{font-size:clamp(61px,9vw,125px)}.portfolio-title em{color:#76766f}.portfolio-title p{font-size:12px;line-height:1.8;color:#71716a;margin:0 6% 7px 0}.gallery{display:grid;grid-template-columns:1.08fr .72fr;column-gap:10%;row-gap:78px;align-items:start}.gallery-item{margin:0}.gallery-item img{width:100%;display:block;object-fit:cover;filter:grayscale(1);transition:filter .7s,transform .8s}.gallery-item:hover img{filter:grayscale(.1);transform:scale(.99)}.gallery-a img{aspect-ratio:1.18}.gallery-b{margin-top:85px}.gallery-b img{aspect-ratio:.95}.gallery-c{width:78%;margin-left:17%}.gallery-c img{aspect-ratio:1.05}.gallery-d{margin-top:-30px}.gallery-d img{aspect-ratio:1.15}.gallery-item figcaption{display:flex;justify-content:space-between;padding-top:11px;color:#676760;font-size:8px}.gallery-item figcaption span:last-child{font-family:"DM Sans",sans-serif;font-size:11px;letter-spacing:0;color:#333}.gallery-bottom{display:flex;justify-content:space-between;border-top:1px solid #19191625;margin-top:94px;padding-top:14px;font-size:9px}.gallery-bottom b{font-size:15px;margin-left:12px}.marquee{overflow:hidden;background:#c7eb73;padding:18px 0;transform:rotate(-1.4deg) scale(1.02);margin:12px 0 60px}.marquee-track{display:flex;align-items:center;justify-content:space-around;white-space:nowrap;gap:4.2vw;animation:marquee 24s linear infinite;width:max-content}.marquee-track span{font-size:clamp(25px,4vw,52px);letter-spacing:-.065em}.marquee-track i{font-style:normal;font-size:19px}.statement{padding-top:55px;padding-bottom:125px}.statement-inner{position:relative;text-align:center;padding:75px 0 0}.statement-inner>p{font-size:clamp(20px,3vw,40px);line-height:1.1;letter-spacing:-.06em;margin:0;color:#55554e}.statement h2{font-size:clamp(78px,13vw,180px);font-weight:500;line-height:.75;letter-spacing:-.11em;margin:29px 0 51px}.statement h2 em{color:#728a36}.statement-star{position:absolute;right:18%;top:70px;font-size:35px;color:#8aa341}.contact-cta{display:flex;justify-content:center;gap:23px;text-decoration:none;color:#191916;font-size:10px}.contact-cta span{border-bottom:1px solid #191916;padding-bottom:6px;transition:color .2s}.contact-cta:hover span{color:#819b3d}.statement-doodle{position:absolute;left:14%;bottom:40px;font:22px/1.1 "Gochi Hand",cursive;color:#798d3c;transform:rotate(-9deg);text-align:left}.site-footer{background:#1c1d1a;color:#efeee8;padding:49px 5.3vw 18px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ffffff36;padding-bottom:42px}.footer-logo{font-size:34px}.footer-top p{font-size:14px;line-height:1.35;letter-spacing:-.04em;margin:0 30% 0 0;color:#c1c0b8}.back-top{color:#efeee8;text-decoration:none;font-size:9px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr 1.2fr;gap:5%;padding:35px 0 47px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-label{color:#9c9d94;font-size:8px;margin-bottom:3px}.footer-grid a,.footer-grid>div>span:not(.footer-label){font-size:11px;color:#f0efe9;text-decoration:none}.footer-bottom{border-top:1px solid #ffffff36;padding-top:14px;display:flex;justify-content:space-between;color:#a4a49c;font-size:8px}.footer-bottom b{color:#c7eb73;margin-left:5px}.cursor-dot{position:fixed;left:0;top:0;width:12px;height:12px;border-radius:50%;background:#c7eb73;z-index:40;pointer-events:none;mix-blend-mode:difference;opacity:0;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s}.js-ready .cursor-dot{opacity:1}.cursor-dot.is-hover{width:34px;height:34px}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 6px #d5ff7825}}[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}
@media(max-width:760px){.site-header{height:70px;padding:0 6vw}.header-note{left:50%;font-size:8px}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#f5f4f0;padding:23px 6vw 27px;flex-direction:column;gap:20px;border-bottom:1px solid #1919162b}.site-nav.is-open{display:flex}.site-nav a{font-size:15px}.menu-toggle{display:grid;gap:4px;border:0;background:none;padding:10px;cursor:pointer;justify-items:center}.menu-toggle span{width:19px;height:1px;background:#191916}.menu-toggle i{font:7px "DM Mono",monospace;font-style:normal;margin-top:3px}.hero{padding:24px 6vw 0}.hero-topline{font-size:7px}.hero h1{font-size:19vw;margin:64px 0 36px;line-height:.8}.hero h1 .hero-last{margin-left:9%}.hero-index{font-size:8px;bottom:-14px}.reel-wrap{height:63vh;min-height:390px}.reel-label,.reel-time{font-size:8px;top:18px}.reel-label{left:14px}.reel-time{right:14px}.sound-toggle{right:13px;bottom:15px;font-size:8px}.reel-play{bottom:15px;width:41px;height:41px}.hero-caption{font-size:7px}.section-pad{padding-left:7vw;padding-right:7vw}.intro{padding-top:102px;padding-bottom:89px}.section-kicker{font-size:7px}.intro-grid{grid-template-columns:1fr;gap:32px;margin-top:51px}.intro h2{font-size:15vw}.intro-copy{padding-left:8%;max-width:500px}.intro-copy .lead{font-size:20px}.intro-copy p{font-size:12px}.scribble-note{right:8vw;top:45%;font-size:19px}.values-line{gap:0;justify-content:space-between;font-size:7px;margin-top:72px}.brands{padding-top:88px;padding-bottom:78px}.brands-heading{display:block;margin:49px 0 55px}.brands-heading h2{font-size:13vw}.brands-heading p{margin:25px 0 0 22%;font-size:11px}.brand-list{column-gap:5%;row-gap:62px}.brand-offset{margin-top:64px}.brand-image{aspect-ratio:.9}.brand-image.image-tall{aspect-ratio:.77}.image-tag{left:10px;bottom:12px;font-size:7px}.image-arrow{width:31px;height:31px;right:10px;top:10px}.brand-info{padding-top:15px}.brand-info>div{gap:8px}.brand-number{font-size:8px;padding-top:7px}.brand-info h3{font-size:clamp(21px,6vw,32px)}.brand-info p{font-size:10px;line-height:1.65;margin:9px 0 13px 22px}.text-link{font-size:8px;margin-left:22px}.brands-footnote{margin-top:78px;font-size:7px}.portfolio{padding-top:91px;padding-bottom:83px}.portfolio-title{margin:50px 0 47px;display:block}.portfolio-title h2{font-size:15vw}.portfolio-title p{margin:20px 0 0 28%;font-size:10px}.gallery{column-gap:7%;row-gap:53px}.gallery-b{margin-top:52px}.gallery-c{width:90%;margin-left:8%}.gallery-d{margin-top:-22px}.gallery-item figcaption{font-size:6px;gap:8px}.gallery-item figcaption span:last-child{font-size:9px}.gallery-bottom{font-size:7px;margin-top:65px}.marquee{margin:5px 0 34px;padding:13px 0}.statement{padding-top:37px;padding-bottom:84px}.statement-inner{padding-top:62px}.statement h2{font-size:15vw;margin:26px 0 41px}.statement-inner>p{font-size:23px}.statement-star{right:9%;top:40px;font-size:26px}.contact-cta{font-size:8px;gap:12px}.statement-doodle{left:4%;bottom:1px;font-size:17px}.site-footer{padding:35px 7vw 15px}.footer-logo{font-size:27px}.footer-top{padding-bottom:29px}.footer-top p{font-size:11px;margin:0 0 0 10%}.back-top{font-size:7px}.footer-grid{grid-template-columns:1fr 1fr;row-gap:30px;padding:28px 0 34px}.footer-bottom{font-size:6px;gap:9px}.footer-bottom span:nth-child(2){display:none}.cursor-dot{display:none}}
@media(max-width:380px){.brand-list{column-gap:4%}.brand-info h3{font-size:20px}.brand-info p{font-size:9px;margin-left:17px}.text-link{margin-left:17px}.header-note{left:48%}.footer-top p{margin-left:4%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}
html,body{overflow-x:clip}
.gallery-description{max-width:520px;margin:8px 0 0;color:#686861;font-size:11px;line-height:1.7}.gallery-extra{display:flex;gap:8px;margin-top:12px;overflow-x:auto}.gallery-extra img{width:72px;height:62px;object-fit:cover;filter:grayscale(1)}
.gallery-item video{width:100%;display:block;object-fit:cover;background:#d6d5ce}.gallery-a video{aspect-ratio:1.18}.gallery-b video{aspect-ratio:.95}.gallery-c video{aspect-ratio:1.05}.gallery-d video{aspect-ratio:1.15}
@media(max-width:760px){.gallery-description{font-size:9px;line-height:1.6}.gallery-extra{gap:6px;margin-top:9px}.gallery-extra img{width:54px;height:48px}}
.logo-window{display:inline-block;position:relative;overflow:hidden;flex:none;vertical-align:middle;line-height:0;margin:0;padding:0;background:transparent}.logo-window img{position:absolute;left:0;top:0;width:auto;height:100%;max-width:none;display:block;filter:grayscale(1) brightness(.2)}.header-logo{width:46px;height:42px}.footer-logo-window{width:58px;height:54px}.footer-logo-window img,.reel-logo img{filter:grayscale(1) brightness(.2) invert(1)}.reel-label{display:flex;align-items:center;gap:8px}.reel-logo{width:18px;height:17px}.inline-logo{width:23px;height:21px;vertical-align:-4px;margin-right:2px}.wordmark{display:flex;align-items:center;line-height:0}.footer-logo{display:flex;align-items:center;line-height:0}
@media(max-width:760px){.header-logo{width:42px;height:38px}.footer-logo-window{width:50px;height:46px}.reel-logo{width:16px;height:15px}.inline-logo{width:21px;height:19px}}
.wordmark,.footer-logo{gap:8px}.logo-name{font:600 13px/1 Archia,"DM Sans",Arial,sans-serif!important;letter-spacing:-.045em!important;vertical-align:middle!important;margin:0!important}.footer-logo-name{font-size:17px!important;letter-spacing:-.045em!important;line-height:1!important;vertical-align:middle!important;margin:0!important}.reel-brand-name{font:500 9px/1 "DM Mono",monospace;letter-spacing:.04em}.inline-brand{display:inline-flex;align-items:center;gap:4px;vertical-align:-5px;white-space:nowrap}.inline-logo{vertical-align:middle;margin:0}.inline-brand-name{font:700 11px/1 Archia,"DM Sans",Arial,sans-serif;letter-spacing:-.045em}
@media(max-width:760px){.wordmark,.footer-logo{gap:6px}.logo-name{font-size:11px!important}.footer-logo-name{font-size:14px!important}.inline-brand-name{font-size:10px}.reel-brand-name{font-size:8px}}

/* Keep the mobile header note beside the logo, and place the handwritten note
   in normal document flow so it cannot overlap the profile copy. */
@media(max-width:760px){
  .site-header{gap:10px}
  .header-note{position:static;left:auto;transform:none;margin:0 auto;flex:0 0 auto;text-align:center;white-space:nowrap}
  .scribble-note{position:relative;right:auto;top:auto;width:max-content;margin:28px 4vw 0 auto}
  .values-line{margin-top:52px}
}
@media(max-width:380px){
  .site-header{gap:7px;padding-left:5vw;padding-right:5vw}
  .header-logo{width:112px;height:20px}
  .header-note{font-size:7px;line-height:1.25}
  .scribble-note{font-size:18px}
}
.logo-window{overflow:visible;line-height:0}.logo-window img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:left center;filter:grayscale(1) brightness(.16)}.header-logo{width:174px;height:30px}.footer-logo-window{width:220px;height:38px}.reel-logo{width:132px;height:23px}.inline-logo{width:140px;height:24px}.footer-logo-window img,.reel-logo img{filter:grayscale(1) brightness(.16) invert(1)}
@media(max-width:760px){.header-logo{width:140px;height:24px}.footer-logo-window{width:180px;height:31px}.reel-logo{width:108px;height:19px}.inline-logo{width:125px;height:22px}}
.reel-video{filter:saturate(.9);opacity:.9}
.brand-card{display:block;color:inherit;text-decoration:none;cursor:pointer}.brand-card .brand-image{cursor:pointer}.brand-card:hover .image-arrow{transform:translate(2px,-2px)}.brand-card .image-arrow{transition:transform .25s ease}
