:root{--blue:#2447ff;--ink:#11120f;--paper:#f2f0e9;--lemon:#eaff54;--red:#ff4d39;--white:#fff;--line:rgba(17,18,15,.28);--mono:"DM Mono",monospace;--sans:"Heebo",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden;cursor:default}.skip{position:fixed;top:8px;inset-inline-start:8px;transform:translateY(-150%);background:#000;color:#fff;padding:12px;z-index:999}.skip:focus{transform:none}.loader{position:fixed;inset:0;z-index:1000;background:var(--blue);color:white;display:grid;place-content:center;text-align:center;transition:transform .9s cubic-bezier(.77,0,.18,1);direction:ltr}.loader.done{transform:translateY(-105%)}.loader-word{font:900 clamp(90px,18vw,260px)/.7 var(--sans);letter-spacing:-.13em;overflow:hidden}.loader-word span{display:inline-block;transform:translateY(110%);animation:letterUp .6s cubic-bezier(.2,.8,.2,1) forwards}.loader-word span:nth-child(2){animation-delay:.08s}.loader-word span:nth-child(3){animation-delay:.16s}.loader p{font:500 10px var(--mono);letter-spacing:.18em;margin-top:40px}.cursor{position:fixed;width:84px;height:84px;border-radius:50%;background:var(--lemon);color:#000;display:grid;place-items:center;font:500 12px var(--mono);z-index:90;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .25s ease;direction:rtl}.cursor.on{transform:translate(-50%,-50%) scale(1)}header{height:88px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0;z-index:10}.logo{color:inherit;text-decoration:none;display:flex;align-items:baseline;gap:8px;direction:ltr}.logo span{font:900 28px/1 var(--sans);letter-spacing:-.07em}.logo small{font:500 9px var(--mono);letter-spacing:.12em}.header-note{font:400 10px/1.35 var(--mono);margin:0;direction:ltr;text-align:left}header nav{display:flex;justify-content:center;gap:24px}header nav a,.lang{color:inherit;font:500 12px var(--mono);text-decoration:none;border:0;background:none;cursor:pointer}.lang{width:48px;height:48px;border:1px solid var(--line);border-radius:50%}.hero{min-height:100svh;padding:145px 28px 0;background:var(--paper);position:relative;display:flex;flex-direction:column;overflow:hidden}.hero-meta{display:flex;gap:12px;align-items:center;font:500 10px var(--mono);direction:ltr}.status-dot{width:8px;height:8px;background:#1dbb6c;border-radius:50%;animation:pulse 1.8s infinite}.hero h1{font-size:clamp(68px,11.2vw,178px);line-height:.76;letter-spacing:-.085em;margin:4vh 0 0;font-weight:900;text-transform:uppercase;position:relative;z-index:2}.hero h1 .line{display:block;opacity:0;transform:translateY(80px);animation:reveal 1s cubic-bezier(.16,1,.3,1) forwards}.hero h1 .line-a{animation-delay:1.15s}.hero h1 .line-b{animation-delay:1.28s;color:var(--blue);text-align:left;padding-left:8vw;position:relative}.hero h1 .line-c{animation-delay:1.41s;text-align:center;font-size:.63em;margin-top:.28em}.hero h1 i{font-style:normal}.scribble{position:absolute;width:min(38vw,560px);height:.16em;background:var(--red);bottom:.02em;left:5vw;transform:rotate(-2deg);transform-origin:left;animation:draw 1s 2s both}.hero-bottom{margin:auto 0 70px;display:grid;grid-template-columns:1fr auto;align-items:end;position:relative;z-index:3}.hero-bottom p{max-width:470px;font-size:clamp(17px,1.5vw,23px);line-height:1.55;margin:0}.round-link{width:76px;height:76px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;color:inherit;transition:.3s}.round-link:hover{background:var(--ink);color:white;transform:rotate(-12deg)}.round-link svg{width:35px;fill:none;stroke:currentColor;stroke-width:1.5}.kinetic{background:var(--ink);color:white;height:48px;margin:0 -28px;display:flex;align-items:center;overflow:hidden;direction:ltr;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:4}.kinetic div,.tape div{font:500 12px var(--mono);white-space:nowrap;animation:marquee 16s linear infinite}.intro{min-height:75vh;padding:150px 28px;display:grid;grid-template-columns:26% 74%;border-bottom:1px solid var(--line)}.intro aside,.cap-head,.contact-top{display:flex;justify-content:space-between;font:500 10px var(--mono);text-transform:uppercase}.intro aside{padding-inline-end:50px}.intro>div{max-width:1050px}.big-copy{font-size:clamp(40px,5.4vw,82px);font-weight:600;line-height:1.08;letter-spacing:-.05em;margin:0}.small-copy{max-width:560px;font-size:18px;line-height:1.6;margin:60px 0 0 auto}.work{background:var(--ink);color:white;padding:130px 28px}.section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:22px}.section-title>span{font:500 10px var(--mono)}.section-title h2{font:900 clamp(90px,15vw,220px)/.7 var(--sans);letter-spacing:-.08em;margin:0}.section-title sup{font:500 12px var(--mono);vertical-align:top;letter-spacing:0;margin-left:14px}.project{color:inherit;text-decoration:none;display:grid;grid-template-columns:1fr 2.4fr 1fr;gap:24px;padding:80px 0 150px;border-bottom:1px solid rgba(255,255,255,.3)}.project-info{font:500 10px var(--mono);display:flex;flex-direction:column;justify-content:space-between}.project-info>div{display:flex;justify-content:space-between}.project-info p{line-height:1.5;opacity:.65}.project-stage{height:min(60vw,760px);position:relative;display:grid;place-items:center;overflow:hidden;background:var(--blue)}.image-wrap{width:78%;height:72%;overflow:hidden;position:relative;z-index:2;box-shadow:0 30px 70px rgba(0,0,0,.35);transform:rotate(-2deg);transition:transform .7s cubic-bezier(.16,1,.3,1)}.image-wrap img{width:100%;height:120%;object-fit:cover;object-position:top center;display:block;transform:translateY(-8%);transition:transform .2s linear}.poster-word{position:absolute;left:-.04em;top:-.1em;font:900 clamp(120px,20vw,320px)/1 var(--sans);letter-spacing:-.1em;color:var(--lemon);z-index:1}.poster-word.second{left:auto;right:-.04em;top:auto;bottom:-.2em}.corner-tag{position:absolute;z-index:3;top:22px;right:22px;width:78px;height:78px;background:var(--lemon);color:#000;border-radius:50%;display:grid;place-items:center;text-align:center;font:500 9px/1.25 var(--mono);transform:rotate(9deg)}.project-caption{display:flex;flex-direction:column;justify-content:flex-end}.project-caption h3{font-size:clamp(28px,3.5vw,54px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}.project-caption p{font-size:15px;line-height:1.6;opacity:.68}.visit{font:500 11px var(--mono);margin-top:25px}.project:hover .image-wrap{transform:rotate(0) scale(.96)}.p-nex .project-stage{background:#c9baff}.p-nex .image-wrap{transform:rotate(2deg)}.p-nex:hover .image-wrap{transform:rotate(0) scale(.96)}.nex-stamp{position:absolute;z-index:1;left:-.08em;bottom:-.25em;font:900 clamp(240px,38vw,600px)/1 var(--sans);letter-spacing:-.15em;color:#6d49ff}.nex-stamp span{color:var(--red)}.capabilities{padding:130px 28px}.cap-head{padding-bottom:20px;border-bottom:1px solid var(--ink)}.capabilities ul{list-style:none;margin:0;padding:0}.capabilities li{display:grid;grid-template-columns:70px 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:25px 0;transition:.25s}.capabilities li:hover{padding-inline:20px;background:var(--lemon)}.capabilities li>span,.capabilities li>i{font:500 10px var(--mono);font-style:normal}.capabilities strong{font-size:clamp(34px,5.3vw,80px);letter-spacing:-.05em}.manifesto{background:var(--blue);color:white;min-height:85vh;padding:0 28px 100px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.tape{background:var(--lemon);color:#000;height:48px;margin:0 -28px;display:flex;align-items:center;overflow:hidden;transform:rotate(2deg) scale(1.03)}.tape div{animation-direction:reverse}.manifesto p{font-size:clamp(44px,6.8vw,102px);font-weight:700;line-height:1.02;letter-spacing:-.06em;margin:150px 0 0}.manifesto u{text-decoration-color:var(--lemon);text-decoration-thickness:.1em;text-underline-offset:.12em}.contact{background:var(--lemon);min-height:100svh;padding:28px;display:flex;flex-direction:column}.contact-top{border-bottom:1px solid var(--ink);padding-bottom:18px}.contact-link{color:var(--ink);text-decoration:none;margin:auto 0;position:relative}.contact-link span{display:block;font-size:clamp(100px,18vw,280px);font-weight:900;line-height:.68;letter-spacing:-.09em}.contact-link span:nth-child(2){color:var(--blue);text-align:left}.contact-link i{position:absolute;right:5%;top:5%;font:400 clamp(70px,10vw,150px)/1 var(--sans);transition:.35s}.contact-link:hover i{transform:translate(20px,-20px)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;font:500 10px var(--mono)}.contact-bottom a{color:inherit}.contact-bottom>a:first-child{font-size:15px}@keyframes letterUp{to{transform:none}}@keyframes reveal{to{opacity:1;transform:none}}@keyframes draw{from{transform:rotate(-2deg) scaleX(0)}to{transform:rotate(-2deg) scaleX(1)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(29,187,108,.18)}}:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(max-width:900px){header{grid-template-columns:1fr auto auto}.header-note{display:none}header nav a:not(:last-child){display:none}.hero h1{margin-top:12vh}.intro{grid-template-columns:1fr}.intro aside{margin-bottom:60px}.small-copy{margin-left:0}.project{grid-template-columns:1fr}.project-info{min-height:65px}.project-stage{height:75vw}.project-caption{padding-top:15px;max-width:600px}.cursor{display:none}.contact-link span{font-size:19vw}}
@media(max-width:600px){header{height:72px;padding:0 16px}.logo span{font-size:24px}.logo small,header nav{display:none}.hero{padding:110px 16px 0;min-height:100svh}.hero-meta{font-size:8px}.hero h1{font-size:19vw;line-height:.82;margin-top:10vh}.hero h1 .line-b{padding-left:0}.hero h1 .line-c{font-size:.68em;text-align:right;margin-top:.45em}.scribble{width:58vw;left:0}.hero-bottom{margin-bottom:55px;grid-template-columns:1fr}.hero-bottom p{font-size:16px}.round-link{display:none}.kinetic{margin:0 -16px}.intro,.work,.capabilities{padding:90px 16px}.intro aside{padding:0}.big-copy{font-size:40px}.small-copy{font-size:16px;margin-top:35px}.section-title h2{font-size:27vw}.project{padding:55px 0 90px;gap:15px}.project-stage{height:105vw}.image-wrap{width:88%;height:65%}.poster-word{font-size:45vw}.project-caption h3{font-size:38px}.capabilities li{grid-template-columns:38px 1fr}.capabilities li i{display:none}.capabilities strong{font-size:31px}.manifesto{padding:0 16px 80px;min-height:75vh}.tape{margin:0 -16px}.manifesto p{font-size:43px}.contact{padding:20px 16px;min-height:85svh}.contact-time{display:none}.contact-link span{font-size:24vw;line-height:.74}.contact-link span:nth-child(2){text-align:right}.contact-link i{right:auto;left:0;top:-15%}.contact-bottom{flex-wrap:wrap;gap:15px}.contact-bottom span{display:none}}
@media(pointer:fine){.hoverable{cursor:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader{display:none}.hero h1 .line{opacity:1;transform:none}}