:root{--black:#111;--gray:#292929;--cream:#eee9df;--white:#fff;--muted:#aaa69e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--black);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;background:var(--cream);padding:16px;z-index:20}.skip:focus{top:10px}.nav{height:100px;max-width:1600px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1113}.wordmark{font-size:33px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:7px}.wordmark span{font-size:26px;font-weight:400}.nav nav{display:flex;align-items:center;gap:38px;font-size:14px}.nav a:hover{opacity:.65}.nav-projects{border:1px solid #1116;border-radius:40px;padding:14px 22px}.nav-projects span{padding-left:22px}.hero{max-width:1600px;margin:auto;padding:37px 5.5% 0}.hero-top{display:flex;justify-content:space-between}.eyebrow,.hero-index,.section-caption>span,.stage-foot,.section-kicker,.phone-label,.phone-caption,footer>span{font-size:12px;letter-spacing:1.5px;font-weight:500}.hero-index{color:#68665f}.hero h1{font-size:clamp(42px,5.1vw,78px);font-weight:500;letter-spacing:-3px;line-height:1.07;margin:52px 0 23px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero-description{display:flex;justify-content:space-between;align-items:center}.hero-description p{font-size:16px;color:#595750;line-height:1.6;margin:0}.round-link{height:60px;width:60px;border:1px solid #1116;display:grid;place-items:center;border-radius:50%;font-size:29px;transition:transform .3s,background .3s}.round-link:hover{transform:rotate(45deg);background:white}.brand-stage{margin-top:33px;overflow:hidden}.brand-large{display:flex;align-items:center;white-space:nowrap;font-size:clamp(115px,24vw,365px);line-height:1.06;font-weight:800;letter-spacing:-.075em;padding-right:.05em;position:relative}.brand-large>span:not(.brand-asterisk){animation:letter-in 1s cubic-bezier(.16,1,.3,1) both}.brand-large>span:nth-child(2){animation-delay:.08s}.brand-large>span:nth-child(3){animation-delay:.16s}.brand-large>span:nth-child(4){animation-delay:.24s}.brand-large>span:nth-child(5){animation-delay:.32s}.last-letter{color:transparent;-webkit-text-stroke:2px var(--black);animation:letter-in 1s both,ink 9s 2s infinite!important}.brand-asterisk{font-size:.63em;letter-spacing:0;font-weight:400;margin-left:auto;display:inline-block;animation:rotate 28s linear infinite;line-height:1}.stage-foot{display:flex;justify-content:space-between;padding:22px 0 30px;border-bottom:1px solid #1113}.brands{padding:33px 0 38px;overflow:hidden;max-width:1600px;margin:auto}.section-caption{display:flex;align-items:center;gap:16px;padding:0 5.5%;color:#66635d}.section-caption h2{font-size:14px;font-weight:400;margin:0 auto 0 0}.section-caption>span{font-size:12px;letter-spacing:1px}.motion-control{background:none;border:1px solid #1114;border-radius:50%;width:28px;height:28px;font-size:12px}.marquee{margin-top:32px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-track.paused{animation-play-state:paused}.logo-group{display:flex;align-items:center;gap:65px;padding:0 32px}.logo-slot{min-width:150px;height:54px;display:flex;align-items:center;justify-content:center;gap:10px;color:#79766f}.logo-slot span{font-size:20px;letter-spacing:-.8px;font-weight:600}.logo-slot i{font-size:29px;font-style:normal;font-weight:400}.logo-slot:nth-child(2n) span{font-family:Georgia,serif;font-style:italic;font-weight:400}.logo-slot img{height:42px;max-width:170px;object-fit:contain;filter:grayscale(1)}.approach{padding:78px 5.5% 88px;border-top:1px solid #1113;max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 2.2fr;gap:30px}.section-kicker{display:flex;flex-direction:column;gap:55px}.tiny-star{font-size:50px}.approach h2{font-size:clamp(29px,3.2vw,47px);line-height:1.16;letter-spacing:-1.8px;font-weight:500;margin:0 0 30px}.approach h2>span{color:#77736d}.approach-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px}.approach p{font-size:16px;line-height:1.65;color:#68645d;margin:0}.disciplines{display:flex;flex-direction:column;gap:13px}.disciplines>span{padding-bottom:10px;border-bottom:1px solid #1113;font-size:16px}.disciplines i{font-size:12px;font-style:normal;color:#777;margin-right:30px}.portfolio{background:var(--black);color:var(--cream);padding:95px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;overflow:hidden}.portfolio-copy{max-width:650px}.portfolio .eyebrow{color:#b8b3aa}.portfolio h2{font-size:clamp(40px,4.4vw,67px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:30px 0 25px}.portfolio h2 em{color:var(--cream)}.portfolio-copy>p{font-size:16px;line-height:1.7;color:#aaa69e}.watch-hint{display:flex;align-items:center;gap:16px;margin-top:38px;font-size:14px;line-height:1.6}.watch-hint small{font-size:14px;color:#aaa69e}.gesture{width:42px;height:54px;border:1px solid #eee9df50;border-radius:22px;display:grid;place-items:center;font-size:24px}.project-summary{display:flex;gap:24px;padding-top:33px;border-top:1px solid #eee9df30;margin-top:45px;align-items:center}.project-summary>span{font-size:13px;color:#aaa69e}.project-summary h3{font-size:20px;font-weight:400;margin:0 0 8px}.project-summary div>span{font-size:12px;letter-spacing:1.3px;color:#aaa69e}.project-navigation{margin-top:25px;display:flex;gap:10px;align-items:center}.project-navigation button{border:1px solid #eee9df50;background:none;color:var(--cream);width:42px;height:42px;border-radius:50%;font-size:21px}.project-navigation button:hover{background:var(--cream);color:var(--black)}.project-navigation button:disabled{opacity:.25;cursor:default}.project-navigation>span{color:#aaa69e;font-size:12px;margin-left:9px}.phone-area{display:flex;align-items:center;flex-direction:column;position:relative}.phone-label{display:flex;justify-content:space-between;width:310px;margin-bottom:21px;color:#aaa69e;font-size:11px}.phone{width:320px;height:620px;flex-shrink:0;border:2px solid #77736d;border-radius:48px;padding:8px;background:#0a0a0a;position:relative;box-shadow:0 24px 70px #0009,inset 0 0 0 3px #292929;isolation:isolate}.phone-feed{height:100%;border-radius:39px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;background:var(--gray);position:relative}.phone-feed::-webkit-scrollbar{display:none}.phone-island{position:absolute;width:93px;height:25px;top:16px;left:50%;transform:translateX(-50%);background:#080808;border-radius:30px;z-index:5}.phone-status{position:absolute;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;z-index:4;font-size:11px;font-weight:700;color:var(--white);pointer-events:none}.phone-home{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:#fff;border-radius:4px;z-index:4;pointer-events:none}.project-slide{height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;background:var(--gray);color:var(--white)}.project-slide video{width:100%;height:100%;object-fit:cover}.demo-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 20% 15%,#6d6a63 0%,#292929 48%,#151515 100%)}.demo-word{font-size:105px;line-height:.9;font-weight:800;letter-spacing:-8px;transform:rotate(-90deg);white-space:nowrap;color:var(--cream);opacity:.8}.demo-art:before,.demo-art:after{content:'';position:absolute;border:1px solid #eee9df30;width:400px;height:400px;border-radius:50%;animation:orbit 12s ease-in-out infinite}.demo-art:after{width:290px;height:290px;animation-delay:-6s}.project-slide:nth-child(2) .demo-art{background:var(--cream)}.project-slide:nth-child(2) .demo-word{color:var(--black);transform:rotate(-90deg);-webkit-text-stroke:1px var(--black);color:transparent}.project-slide:nth-child(2) .demo-art:before,.project-slide:nth-child(2) .demo-art:after{border-color:#1113}.project-slide:nth-child(3) .demo-word{font-family:Georgia,serif;font-style:italic;letter-spacing:-5px;font-weight:400}.slide-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b);pointer-events:none}.slide-top{position:absolute;top:65px;left:22px;font-size:11px;letter-spacing:1.5px;border-bottom:1px solid #ffffff80;padding-bottom:7px}.slide-info{position:absolute;bottom:49px;left:22px;right:48px}.slide-info>span{font-size:10px;letter-spacing:1px;color:#e1ddd5}.slide-info h3{font-size:25px;letter-spacing:-.8px;margin:10px 0}.slide-info p{font-size:13px;line-height:1.5;margin:0;color:#ddd}.slide-tools{position:absolute;right:13px;bottom:130px;display:flex;flex-direction:column;gap:10px}.slide-tools button{width:35px;height:35px;border:1px solid #ffffff60;color:white;background:#1118;border-radius:50%;font-size:14px}.video-error{position:absolute;inset:100px 20px auto;background:#111e;padding:15px;font-size:14px}.video-progress{position:absolute;bottom:32px;left:22px;right:22px;height:2px;background:#fff4}.video-progress span{display:block;background:var(--cream);height:100%;width:0}.phone-caption{font-size:10px;max-width:330px;text-align:center;line-height:1.6;color:#8f8b84;margin-top:25px;letter-spacing:1px}footer{background:var(--black);color:var(--cream);border-top:1px solid #eee9df25;padding:35px 5.5%;display:flex;justify-content:space-between;align-items:center}footer>a:last-child{font-size:14px}footer>span{color:#aaa69e;font-size:11px}.shake{animation:shake .22s ease-in-out}@keyframes letter-in{from{transform:translateY(105%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ink{0%,30%,100%{color:transparent}45%,70%{color:var(--black)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbit{50%{transform:scale(1.18) translateY(35px)}}@keyframes shake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media(min-width:1600px){.portfolio{padding-left:calc((100vw - 1344px)/2);padding-right:calc((100vw - 1344px)/2)}}@media(max-width:850px){.nav{height:80px}.nav nav{gap:20px}.hero-index{display:none}.hero h1{margin-top:40px}.approach{grid-template-columns:1fr;gap:28px;padding-top:50px;padding-bottom:55px}.section-kicker{flex-direction:row;justify-content:space-between;align-items:center}.tiny-star{font-size:26px}.portfolio{padding:65px 6%;gap:35px}.portfolio h2{font-size:39px}.phone{width:290px;height:565px}.phone-label{width:280px}.portfolio-copy>p br{display:none}}@media(max-width:650px){.nav nav>a:not(.nav-projects){display:none}.nav-projects{padding:11px 16px;font-size:12px}.wordmark{font-size:29px}.hero{padding-top:27px}.eyebrow{font-size:10px}.hero h1{font-size:42px;letter-spacing:-1.8px;margin-top:36px}.hero-description p{font-size:14px}.round-link{width:46px;height:46px}.brand-large{font-size:24vw}.brand-stage{margin-top:32px}.stage-foot{font-size:9px;letter-spacing:.7px;padding-top:16px}.stage-foot span:first-child{max-width:120px}.section-caption{gap:10px}.section-caption h2{font-size:12px}.section-caption>span{display:none}.logo-group{gap:28px}.logo-slot{min-width:130px}.brands{padding:24px 0 30px}.approach h2{font-size:31px;letter-spacing:-1.2px}.approach-bottom{gap:26px;grid-template-columns:1fr}.disciplines{flex-direction:row;gap:15px}.disciplines>span{font-size:14px;flex:1}.disciplines i{display:block;margin:0 0 9px}.portfolio{grid-template-columns:1fr;padding:50px 7%;gap:42px}.portfolio h2{font-size:42px}.portfolio-copy>p{font-size:15px}.watch-hint{margin-top:25px}.project-summary{margin-top:27px;padding-top:24px}.phone{width:310px;height:595px;max-width:100%}.phone-label{width:290px;max-width:100%}.phone-area{min-width:0}.phone-caption{font-size:9px}footer{padding:25px 6%}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brand-large>span{opacity:1!important}.marquee{overflow-x:auto}.phone-feed{scroll-behavior:auto}}