:root{--ink:#101113;--paper:#f2efe6;--yellow:#ffb800;--orange:#f06418;--line:rgba(16,17,19,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:fixed;inset:0 0 auto;z-index:20;color:#fff;transition:.3s}.header.scrolled{height:70px;background:#101113f3;border-bottom:1px solid #333}.brand{display:flex;flex-direction:column;font-size:11px;font-weight:900;letter-spacing:3px}.brand span{font:24px/.8 'Archivo Black';letter-spacing:-1px;color:var(--yellow)}.nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:700}.nav-cta{border:1px solid #555;padding:13px 18px}.menu-button{display:none}.hero{min-height:780px;height:100vh;background:var(--ink);color:#fff;display:grid;grid-template-columns:55% 45%;align-items:center;padding:120px 7vw 70px;position:relative;overflow:hidden}.grain{position:absolute;inset:0;opacity:.12;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='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-copy,.hero-art{position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:2.3px;text-transform:uppercase}.eyebrow{display:flex;gap:10px;align-items:center;color:#bbb}.eyebrow span{width:28px;height:2px;background:var(--yellow)}h1{font:clamp(66px,8.2vw,128px)/.8 'Archivo Black';letter-spacing:-7px;text-transform:uppercase;margin:34px 0}h1 em{font-style:normal;color:var(--yellow);position:relative}h1 em:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:7px;background:var(--orange);transform:rotate(-2deg)}.hero-text{max-width:510px;color:#bbb;font-size:18px;line-height:1.6}.actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;justify-content:space-between;gap:32px;min-width:220px;padding:18px 21px;font-size:14px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--yellow);color:var(--ink)}.ghost{border:1px solid #444}.hero-art{height:580px}.poster{position:absolute}.poster.back{width:360px;height:450px;background:var(--orange);right:1%;top:7%;transform:rotate(8deg);font:60px 'Archivo Black';padding:280px 25px 0}.poster.main{width:360px;height:490px;background:var(--yellow);color:var(--ink);right:12%;top:10%;transform:rotate(-4deg);padding:26px;box-shadow:0 30px 80px #000;display:flex;flex-direction:column}.poster.main small{font-size:9px;letter-spacing:1px;border-bottom:2px solid;padding-bottom:12px}.poster.main strong{font:78px/.85 'Archivo Black';letter-spacing:-6px;margin-top:auto}.poster.main>b{font:28px 'Archivo Black';letter-spacing:7px}.swatches{display:flex;margin-top:25px}.swatches i{height:38px;width:25%;background:#00a8d6}.swatches i:nth-child(2){background:#ec008c}.swatches i:nth-child(3){background:#fff200}.swatches i:nth-child(4){background:#111}.ticker{overflow:hidden;white-space:nowrap;background:var(--yellow);border-block:3px solid}.ticker-track{display:flex;width:max-content;animation:move 24s linear infinite}.ticker-track span{flex:none;font:21px 'Archivo Black';word-spacing:17px;padding:17px 20px 17px 0}.ticker b{color:var(--orange)}@keyframes move{to{transform:translateX(-50%)}}.section{padding:120px 7vw}.section-head{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:4vw;margin-bottom:60px}.section-head h2,.work h2{font:clamp(42px,5vw,72px)/.95 'Archivo Black';letter-spacing:-3px;text-transform:uppercase;margin:0}.section-head h2 span,.work h2 span{color:var(--orange)}.section-head>p:last-child{color:#555;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-grid article{min-height:290px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service-grid article:hover{background:var(--yellow);transform:translateY(-5px)}.service-grid h3{font:23px 'Archivo Black';text-transform:uppercase;margin-top:80px}.service-grid p{color:#555;line-height:1.6}.service-grid article>b{font-size:9px;letter-spacing:1px}.work{background:var(--ink);color:#fff;padding:110px 7vw;display:grid;grid-template-columns:35% 65%;gap:5vw}.work-copy{align-self:start}.work-copy .kicker{color:var(--yellow)}.work-copy h2{margin:28px 0 45px}.work-copy>a{border-bottom:1px solid var(--yellow);font-weight:700;padding-bottom:7px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.work-grid article{min-height:310px;border:1px solid #333;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.work-grid article:after{content:"NENO";position:absolute;font:60px 'Archivo Black';opacity:.13;right:-12px;top:100px;transform:rotate(-20deg)}.work-grid strong{font:26px/1 'Archivo Black';text-transform:uppercase;max-width:220px}.work-grid small{letter-spacing:1px}.facade{background:linear-gradient(145deg,#282624,#a7781e)}.delivery{background:var(--orange)}.sticker{background:repeating-linear-gradient(45deg,#202228 0 30px,#292b31 30px 60px)}.sign{background:#ddd;color:#111}.simple{grid-template-columns:1fr 3fr}.process ol{list-style:none;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:12% 1fr;border-bottom:1px solid var(--line);padding:30px 0}.process li>b{color:var(--orange)}.process h3{font:25px 'Archivo Black';text-transform:uppercase;margin-bottom:8px}.process p{color:#555;margin:0}.cta{min-height:650px;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px}.cta>p{text-transform:uppercase;letter-spacing:2px;font-weight:700}.cta h2{font:clamp(70px,10vw,145px)/.8 'Archivo Black';letter-spacing:-7px;text-transform:uppercase;margin:18px 0 44px}.dark{background:var(--ink);color:#fff}.cta small{margin-top:20px;font-weight:700}footer{background:var(--ink);color:#fff;padding:65px 7vw 30px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}footer div{display:flex;gap:20px}footer div a{border-bottom:1px solid var(--yellow)}footer>small{grid-column:1/-1;border-top:1px solid #333;padding-top:24px;color:#777}.float{position:fixed;z-index:15;right:22px;bottom:22px;background:#22c55e;color:#07160c;padding:14px 18px;border-radius:30px;font-weight:800;box-shadow:0 8px 28px #0005}
@media(max-width:900px){.menu-button{display:flex;flex-direction:column;gap:7px;background:none;border:0;padding:10px}.menu-button i{width:26px;height:2px;background:#fff}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink);padding:28px 6vw;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{height:auto;min-height:940px;grid-template-columns:1fr;padding-top:115px}.hero-art{height:410px}.poster.main{width:285px;height:375px;right:18%}.poster.main strong{font-size:61px}.poster.back{width:285px;height:350px}.section-head{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.work{grid-template-columns:1fr}.simple{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){h1{font-size:58px;letter-spacing:-3px}.hero{min-height:850px;padding-inline:5vw}.hero-text{font-size:16px}.actions{flex-direction:column}.button{width:100%}.hero-art{height:310px}.poster.main{width:220px;height:285px;padding:17px}.poster.main strong{font-size:46px;letter-spacing:-4px}.poster.main>b{font-size:19px}.poster.back{width:220px;height:270px;padding-top:180px;font-size:42px}.service-grid,.work-grid{grid-template-columns:1fr}.section{padding:85px 6vw}.work{padding:85px 6vw}.cta h2{font-size:58px;letter-spacing:-4px}footer{grid-template-columns:1fr}.float span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.ticker div{animation:none}}