:root{--ink:#101010;--paper:#eeede8;--yellow:#fcba03;--line:#cfcec7;--sans:'DM Sans',sans-serif;--display:'Barlow Condensed',Impact,sans-serif;--gutter:clamp(22px,4.7vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e54f29;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1}em{font-style:normal}button{border:0}button img{pointer-events:none}::selection{background:var(--yellow);color:var(--ink)}.pad{padding:100px var(--gutter)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--yellow);color:var(--ink);padding:12px}.skip:focus{top:10px}.progress{position:fixed;z-index:100;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--yellow)}
.header{height:94px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #303030;position:relative;z-index:20;background:#000}.brand{width:146px;display:block;flex-shrink:0}.brand img{width:100%;height:auto}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-7px;left:0;height:1px;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.pill{display:inline-flex;justify-content:center;align-items:center;border:1px solid #555;padding:11px 25px;border-radius:30px;font-size:14px;transition:background .2s,color .2s,border-color .2s}.pill:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.hero{overflow:hidden;padding:27px var(--gutter) 0;min-height:calc(100svh - 94px);background:var(--ink)}.hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#aaa}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--yellow);margin-right:9px;box-shadow:0 0 0 4px #fcba0310;animation:pulse 3s infinite}.hero-stage{position:relative;min-height:520px;height:clamp(520px,43vw,780px);margin-top:35px}.hero-type{position:relative;z-index:2;pointer-events:none}.hero h1{font-family:var(--display);font-size:clamp(105px,12.9vw,240px);font-weight:700;line-height:.83;letter-spacing:-.025em;padding-top:5px;max-width:80%;color:var(--yellow)}.hero h1>span{display:block;width:max-content;max-width:100%;transform:translateX(var(--title-x,0px));will-change:transform}.hero h1 .hero-middle{padding-left:8vw;transform:translateX(calc(var(--title-x,0px) * -1));display:flex;align-items:center;gap:2vw}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px var(--paper);padding-top:7px}.spark{font-size:.6em;display:inline-block;transform:rotate(var(--spin,0deg));color:var(--yellow);font-family:Arial;font-weight:400;line-height:1}.hero-film{position:absolute;right:0;top:20px;width:34%;height:95%;max-height:650px;overflow:hidden;transform:translateY(var(--video-y,0px));background:#3c3c3c}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.05)}.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10101025,transparent 40%);pointer-events:none}.film-caption{position:absolute;bottom:0;left:0;right:0;padding:17px;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;background:linear-gradient(transparent,#0008);z-index:3}.film-caption button{background:#1118;border:1px solid #fff9;border-radius:50%;width:35px;height:35px;font-size:16px}.hero-coordinate{position:absolute;bottom:5px;left:44%;font-size:10px;line-height:1.6;letter-spacing:.09em;color:#888}.hero-bottom{padding:38px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #333;margin-top:32px;font-size:15px}.hero-bottom p{color:#ccc}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:14px;font-weight:500;background:transparent;padding:9px 0}.link-line{display:block;width:36px;height:1px;background:currentColor;transition:width .25s}.text-link:hover .link-line{width:60px}.scroll-label{font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:20px}.scroll-track{display:inline-block;height:35px;width:1px;background:#444;position:relative;overflow:hidden}.scroll-track:after{content:'';position:absolute;top:0;width:1px;height:15px;background:var(--yellow);animation:scroll-dot 2s infinite}.ticker{background:var(--yellow);color:var(--ink);overflow:hidden;padding:16px 0}.ticker-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.ticker span{white-space:nowrap;display:block;font-family:var(--display);font-size:34px;font-weight:600;letter-spacing:.03em}.ticker b{font-weight:400;margin:0 30px;font-size:28px}.portfolio{background:var(--paper);color:var(--ink)}.work-intro{padding-bottom:65px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:35px}.heading-row h2,.services h2{font:600 clamp(65px,8.1vw,150px)/.89 var(--display);letter-spacing:-.025em}.heading-row h2 em{color:#77766e}.heading-row>p{font-size:16px;max-width:290px;margin-bottom:6px;line-height:1.7}.category-nav{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);padding:0 var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-nav a{display:flex;gap:17px;align-items:center;justify-content:center;font-size:11px;padding:24px 8px;border-right:1px solid var(--line);position:relative}.category-nav a:first-child{border-left:1px solid var(--line)}.category-nav a span{font-size:15px;font-weight:600}.category-nav a:after{position:absolute;content:'';height:3px;bottom:-1px;left:0;width:100%;background:var(--ink);transform:scaleX(0);transition:transform .25s}.category-nav a.active:after,.category-nav a:hover:after{transform:scaleX(1)}.category-nav a.active{background:#e5e4de}.work-section{scroll-margin-top:0;padding-top:65px;padding-bottom:85px}.category-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px;gap:30px}.category-heading h3{font:600 clamp(40px,4.1vw,74px)/.92 var(--display);letter-spacing:-.02em}.category-heading sup{font:400 12px var(--sans);vertical-align:top;margin-right:18px;display:inline-block;padding-top:5px;letter-spacing:0}.category-heading p{font-size:14px;line-height:1.6;color:#666;max-width:270px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-offset{padding-top:105px}.project-cover{position:relative;display:block;width:100%;height:clamp(320px,38vw,660px);overflow:hidden;padding:0;text-align:left;background:#ccc}.project-cover>img{width:100%;height:100%;object-fit:cover;transform:scale(1.045) translateY(var(--image-y,0px));transition:scale .65s cubic-bezier(.2,.7,.2,1);will-change:transform}.project-cover:hover>img{scale:1.05}.project-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:21px}.project-caption h4{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.05em}.project-caption span{font-size:12px;color:#666;text-align:right}.project>p{font-size:14px;color:#777;margin-top:10px;max-width:440px}.cover-label{position:absolute;bottom:23px;left:23px;font-size:10px;letter-spacing:.1em;background:#101010c9;color:#fff;padding:8px 12px}.view-project{position:absolute;right:20px;bottom:20px;background:var(--paper);color:var(--ink);font-size:12px;padding:12px 18px;border-radius:30px;transform:translateY(70px);transition:transform .3s}.project-cover:hover .view-project,.project-cover:focus-visible .view-project{transform:translateY(0)}.delta img{object-position:50% 45%}.holi{background:#3d2462;display:flex;align-items:center;justify-content:center}.holi>img{object-fit:contain;width:95%;height:75%;position:relative;filter:drop-shadow(0 20px 30px #0003)}.holi-kicker{position:absolute;top:34px;left:30px;right:30px;color:#e4d9f5;font-size:12px;letter-spacing:.12em;max-width:150px}.packaging-section{background:#e3e1d9;border-top:1px solid #d1cfc7;border-bottom:1px solid #d1cfc7}.packaging-case{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:center}.packaging-art{position:relative;background:#c9c6b9;min-height:520px;display:flex;align-items:center;overflow:hidden}.package-main{width:115%;max-width:none;margin-left:-8%;transform:rotate(var(--package-rotate,-6deg)) scale(1.02);will-change:transform}.art-note{position:absolute;bottom:20px;left:22px;font-size:10px;letter-spacing:.1em}.packaging-copy .eyebrow{color:#6a6964;font-size:10px}.packaging-copy h4{font:600 clamp(45px,4.8vw,86px)/.94 var(--display);margin:25px 0;letter-spacing:-.025em}.packaging-copy h4 em{color:#858174}.packaging-copy>p:not(.eyebrow){max-width:380px;font-size:15px;color:#5e5c54;line-height:1.7}.label-samples{display:flex;gap:9px;margin:30px 0 18px;max-width:290px}.label-samples img{width:calc((100% - 18px)/3);height:auto;object-fit:contain;transition:transform .35s}.label-samples img:hover{transform:rotate(12deg)}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-cover.social{height:clamp(340px,33vw,530px);display:flex;align-items:center;justify-content:center}.social-composition{display:flex;align-items:center;justify-content:center;width:115%;min-width:115%;transform:rotate(-8deg) translateY(var(--image-y,0px));transition:transform .7s}.social-composition img{width:48%;filter:drop-shadow(0 15px 15px #0003)}.social-composition img:nth-child(2){transform:translateY(65px)}.social:hover .social-composition{transform:rotate(-2deg) scale(1.06)}.huang{background:#bed27d}.brasas{background:#b6482f}.podio{background:#8ab6c4}.podio>img{width:85%;height:85%;object-fit:contain;transform:rotate(6deg) translateY(var(--image-y,0px));filter:drop-shadow(0 15px 15px #0003)}.social-grid .project-caption{display:block}.social-grid .project-caption span{display:block;text-align:left;margin-top:8px}.web-section{padding-top:30px}.web-section .project-cover{height:clamp(290px,29vw,480px)}.corral{background:#3c4340}.corral>img{object-fit:contain;padding:20px}.piso{background:#c9a88c;padding:38px}.browser-frame{background:white;box-shadow:0 15px 40px #0002;transform:rotate(-4deg) translateY(var(--image-y,0px));transition:transform .6s}.piso:hover .browser-frame{transform:rotate(0)}.browser-top{display:flex;align-items:center;padding:9px;background:#e9e7e4;gap:4px}.browser-top i{width:5px;height:5px;border-radius:50%;background:#aaa}.browser-top span{font-size:8px;margin:auto;color:#777}.browser-frame img{width:100%;height:auto}.web-extra{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px;padding:27px 0;display:flex;align-items:center;gap:45px}.web-extra>span{font-size:10px;letter-spacing:.1em;color:#666}.web-extra h4{font-size:30px;font-weight:500}.web-extra a{margin-left:auto}.studio{overflow:hidden;padding-top:110px;padding-bottom:70px}.studio .eyebrow{color:#9c9c93}.statement{font:600 clamp(70px,10.5vw,190px)/.9 var(--display);letter-spacing:-.015em;margin-top:50px;transform:translateX(var(--statement-x,0px));color:#e4e2d9}.statement span{color:#5f6058}.statement em{color:var(--yellow)}.studio-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:65px}.studio-star{font:200px/1 Arial;color:var(--yellow);width:max-content;align-self:center;transform:rotate(var(--studio-spin,0deg))}.studio-bottom>div{max-width:510px}.studio-lead{font-size:27px;line-height:1.4;letter-spacing:-.035em;margin-bottom:22px}.studio-bottom p:not(.studio-lead){color:#aaa;line-height:1.8;font-size:16px;margin-bottom:25px}.clients{border-top:1px solid #3a3a3a;padding-top:30px;margin-top:100px}.clients>p{font-size:10px;letter-spacing:.12em;color:#888}.clients>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;margin-top:35px;font:500 24px var(--display);color:#bbb}.services{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;align-items:start}.services-intro{position:sticky;top:45px}.services-intro h2{font-size:clamp(65px,6.8vw,115px);margin:35px 0 25px}.services-intro h2 em{color:#929087}.services-intro>p:not(.eyebrow){font-size:15px;color:#666;line-height:1.8;margin-bottom:25px}.dark-pill{background:var(--ink);color:var(--paper);border-color:var(--ink)}.service{border-top:1px solid #c4c3bb}.service:last-child{border-bottom:1px solid #c4c3bb}.service summary{list-style:none;display:flex;align-items:center;gap:16px;padding:28px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:#777;align-self:flex-start;padding-top:6px}.service h3{font-size:clamp(20px,2vw,32px);font-weight:500;letter-spacing:-.045em;line-height:1.15}.plus{margin-left:auto;font-size:30px;font-weight:400;transition:transform .3s}.service[open] .plus{transform:rotate(45deg)}.service[open] h3{color:#7e6225}.service-body{padding:0 30px 30px;font-size:14px;color:#666;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{font-size:10px;border:1px solid #cac8be;padding:3px 9px;border-radius:20px}.contact{background:var(--yellow);color:var(--ink);overflow:hidden}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top .status-dot{background:var(--ink);box-shadow:0 0 0 5px #10101015}.contact h2{font:600 clamp(75px,13vw,240px)/.86 var(--display);letter-spacing:-.025em;margin:55px 0;transform:translateX(var(--contact-x,0px))}.contact h2 span{color:transparent;-webkit-text-stroke:1px var(--ink)}.contact-bottom{border-top:1px solid #1114;padding-top:32px;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:15px}.contact-button{padding:22px 32px;background:var(--ink);color:var(--yellow);border-radius:50px;transition:transform .25s}.contact-button:hover{transform:scale(1.04)}footer{padding:35px var(--gutter) 65px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#000}footer p,footer>span{font-size:10px;letter-spacing:.12em;color:#888}#motion-toggle{position:fixed;bottom:15px;right:18px;z-index:25;border:1px solid #7777;padding:9px 13px;border-radius:20px;background:#151515e8;color:#eee;font-size:10px;backdrop-filter:blur(12px)}dialog{background:var(--paper);color:var(--ink);border:0;max-width:830px;width:calc(100% - 36px);padding:60px;max-height:90svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-close{background:none;display:flex;align-items:center;gap:18px;margin-left:auto;margin-bottom:25px;font-size:13px}.dialog-close span{font-size:30px}dialog h2{font:600 clamp(45px,7vw,80px)/.95 var(--display);margin:20px 0}#dialog-intro{font-size:21px;line-height:1.5;letter-spacing:-.025em}.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #ccc;padding-top:25px;margin:30px 0}.dialog-columns h3{font-size:11px;letter-spacing:.1em;margin-bottom:14px}.dialog-columns p{font-size:14px;line-height:1.8;color:#666}.js-motion .reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .hero h1>span,.motion-paused .hero-film,.motion-paused .statement,.motion-paused .studio-star,.motion-paused .contact h2{transform:none!important}.motion-paused .project-cover>img,.motion-paused .package-main{transform:none}.motion-paused *{transition:none!important}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{opacity:.5}}@keyframes scroll-dot{to{transform:translateY(38px)}}
@media(min-width:1600px){.hero-stage{height:650px}.hero h1{font-size:210px}}
@media(max-width:1000px){.header nav{gap:24px}.hero-stage{min-height:440px;height:48vw}.hero h1{font-size:13.5vw}.hero-film{width:36%;height:95%;top:5px}.hero-coordinate{left:10%;bottom:12px}.hero-bottom{margin-top:0}.scroll-label{display:none}.social-grid{gap:16px}.category-heading h3{font-size:44px}.packaging-case{gap:35px}.packaging-art{min-height:410px}.services{gap:40px;grid-template-columns:.85fr 1.2fr}.service h3{font-size:23px}.studio-lead{font-size:24px}.contact-bottom{flex-wrap:wrap}.project-caption{display:block}.project-caption span{display:block;margin-top:6px;text-align:left}}
@media(max-width:700px){html{scroll-padding-top:80px}.pad{padding:65px 22px}.header{height:76px;padding:0 22px;gap:12px}.brand{width:105px}.header nav{gap:17px;font-size:12px}.header nav a:nth-child(3){display:none}.header>.pill{padding:8px 14px;font-size:12px}.hero{padding:24px 22px 0;min-height:0}.hero-top{font-size:8px;letter-spacing:.08em}.hero-top>span:last-child{max-width:90px;text-align:right}.hero-stage{height:550px;margin-top:35px;min-height:0}.hero h1{font-size:21vw;max-width:100%;line-height:.87}.hero h1 .hero-middle{padding-left:10vw}.hero-film{top:195px;width:55%;height:340px;right:0;z-index:0}.hero-type{z-index:2}.hero h1 .outline{font-size:1.1em}.hero-coordinate{left:0;bottom:23px;font-size:9px;max-width:120px}.hero-bottom{padding:22px 0 30px;gap:25px;align-items:flex-start;font-size:13px}.hero-bottom .text-link{font-size:12px;max-width:130px;gap:12px}.hero-bottom .link-line{width:18px;flex-shrink:0}.film-caption{padding:12px;font-size:8px}.film-caption button{width:28px;height:28px}.ticker{padding:11px 0}.ticker span{font-size:26px}.ticker b{margin:0 20px;font-size:22px}.heading-row{display:block;margin-top:26px}.heading-row h2{font-size:19vw}.heading-row>p{margin-top:25px;max-width:none;font-size:14px}.heading-row>p br{display:none}.category-nav{padding:0 14px}.category-nav a{padding:20px 4px;gap:5px;flex-direction:column;font-size:8px}.category-nav a span{font-size:11px;white-space:nowrap}.category-heading{display:block;margin-bottom:26px}.category-heading h3{font-size:43px}.category-heading sup{margin-right:12px;font-size:10px}.category-heading p{margin-top:18px;font-size:13px}.category-heading p br{display:none}.project-grid{grid-template-columns:1fr;gap:36px}.project-offset{padding-top:0}.project-cover{height:110vw;max-height:570px}.project-cover.holi{height:90vw}.project-caption{display:flex;gap:15px}.project-caption h4{font-size:24px}.project-caption span{text-align:right;font-size:10px;margin-top:0}.project>p{font-size:13px}.view-project{transform:none;right:13px;bottom:13px;padding:9px 13px;font-size:10px}.cover-label{bottom:18px;left:13px;font-size:8px;max-width:60%}.packaging-case{grid-template-columns:1fr;gap:30px}.packaging-art{min-height:0;height:82vw}.packaging-copy h4{font-size:16vw}.packaging-copy>p:not(.eyebrow){font-size:14px}.label-samples{max-width:245px}.art-note{font-size:8px}.social-grid{grid-template-columns:1fr;gap:35px}.project-cover.social{height:105vw;max-height:480px}.social-grid .project-caption{display:flex}.social-grid .project-caption span{text-align:right}.social-composition{width:95%;min-width:95%}.web-section .project-cover{height:75vw;max-height:360px}.piso{padding:25px}.web-extra{gap:18px;flex-wrap:wrap;margin-top:36px}.web-extra>span{width:100%}.web-extra h4{font-size:26px}.web-extra a{font-size:12px}.studio{padding-top:65px}.statement{font-size:18vw;margin-top:35px}.studio-bottom{grid-template-columns:1fr;gap:30px;margin-top:35px}.studio-star{font-size:100px}.studio-lead{font-size:24px}.studio-bottom p:not(.studio-lead){font-size:14px}.clients{margin-top:50px}.clients>div{justify-content:flex-start;gap:24px;font-size:20px}.services{display:block}.services-intro{position:static;margin-bottom:40px}.services-intro h2{font-size:19vw}.service summary{padding:25px 0}.service h3{font-size:24px}.service-body{padding:0 25px 24px}.contact .eyebrow{font-size:9px;max-width:240px}.contact h2{font-size:19vw;margin:40px 0}.contact-bottom{display:grid;grid-template-columns:1fr;gap:25px}.contact-button{width:max-content;font-size:14px;padding:18px 25px}footer{padding:30px 22px 70px;flex-wrap:wrap;gap:25px}footer p{display:none}footer>span{font-size:8px;margin-left:auto}.dialog-columns{grid-template-columns:1fr;gap:24px}dialog{padding:25px}#dialog-intro{font-size:18px}#motion-toggle{font-size:9px;bottom:12px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

.motion-outside,.motion-outside *,.motion-outside:before,.motion-outside:after,.motion-outside *:before,.motion-outside *:after,.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
.motion-outside .scene-city,.motion-outside .scene-astronaut,.motion-outside .hero-copy,.motion-outside .device-desktop,.motion-outside .device-phone{will-change:auto}