@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101110;--ink:#f2f2ed;--muted:#a5a69e;--lime:#d4ed43;--line:#34352f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:7px}header{height:96px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{font-family:'Manrope',sans-serif;font-size:36px;font-weight:800;letter-spacing:-2px}.logo span{font:12px 'DM Sans',sans-serif;vertical-align:top;display:inline-block;margin:7px 0 0 5px}nav{display:flex;gap:36px;font-size:14px}nav a{color:#b9bab3;transition:color .25s}nav a:hover{color:var(--lime)}.nav-right{display:flex;gap:32px;align-items:center}#language{background:none;border:0;color:var(--ink);font-size:13px;padding:8px}#language span{color:#888b82}.contact-link{font-size:14px;border-bottom:1px solid #797c6d;padding:8px 0}.hero{padding:40px 4.5% 0;position:relative}.hero-top,.section-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.3px;font-weight:500}.eyebrow{font-size:12px;letter-spacing:1.3px;margin:0}.index{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',sans-serif;font-size:clamp(75px,11.4vw,174px);font-weight:500;letter-spacing:-.075em;line-height:.97;margin:49px 0 0;position:relative;z-index:2;pointer-events:none}h1 em{font-style:normal;color:var(--lime)}.hero-image{height:550px;margin-top:-142px;position:relative;overflow:hidden;background:#111}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block;opacity:.95;will-change:transform}.image-label,.image-coordinate{position:absolute;bottom:26px;font-size:11px;letter-spacing:1.5px;color:#babcb0}.image-label{left:24px}.image-coordinate{right:24px;text-align:right;line-height:1.8}.hero-bottom{padding:29px 0 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.hero-bottom p{font-size:18px;max-width:440px;line-height:1.5;margin:0;color:#c3c4bc}.round-link{display:flex;gap:24px;align-items:center;font-size:14px}.circle{width:48px;height:48px;border:1px solid #686b5e;border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s}.round-link:hover .circle{background:var(--lime);color:#111}.section{padding:94px 4.5%}.section-label{color:var(--muted);margin-bottom:66px}h2{font:500 clamp(42px,5.4vw,80px)/1.09 'Manrope',sans-serif;letter-spacing:-.055em;white-space:pre-line}h3{font:500 26px/1.2 'Manrope',sans-serif;letter-spacing:-.035em}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.services article{border-top:1px solid var(--line);padding-top:25px}.service-no{font-size:13px;color:var(--muted);display:block;margin-bottom:42px}.services p{font-size:16px;color:var(--muted);line-height:1.75;max-width:340px;min-height:112px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tags span{font-size:12px;padding:7px 11px;border:1px solid var(--line);border-radius:20px}.work{background:#eeeee8;color:#171813}.work .section-label{color:#64675b}.work-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:30px}.work-title h2{margin:0}.work-title p{font-size:16px;line-height:1.6;max-width:310px;color:#65675e;margin:0}.project{padding:0;border:0;background:none;color:inherit;text-align:left;width:100%;display:block}.featured-img{height:550px;overflow:hidden;background:#121310;position:relative}.featured-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.project:hover img{transform:scale(1.035)}.project-badge{position:absolute;top:25px;left:25px;color:#e9ece1;font-size:11px;letter-spacing:1.2px;z-index:1}.project-open{position:absolute;right:24px;bottom:24px;background:#f2f3e9;color:#14170e;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:24px;transition:transform .3s}.project:hover .project-open{transform:rotate(45deg)}.project-caption{display:flex;justify-content:space-between;gap:20px;padding:24px 0}.project-caption h3{margin:0 0 9px}.project-caption span{font-size:13px;color:#686b60}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.type-art{height:400px;position:relative;overflow:hidden;padding:55px 40px 30px}.art-blue{background:#334cff;color:#e8ecff}.art-lime{background:#d4ed43;color:#1d2314}.art-word{font:600 116px/.87 'Manrope',sans-serif;letter-spacing:-8px;display:block;margin-top:25px;transition:transform .5s}.art-word>span{color:#a2b0ff}.art-foot{font-size:11px;letter-spacing:1.5px;position:absolute;bottom:27px}.art-lime .project-badge{color:#303a1b}.iterations{font-size:84px;letter-spacing:-5px;line-height:.98;transform:rotate(-10deg);margin:-15px 0 0 20px}.iterations>span{color:#72892f}.project:hover .art-word{transform:translateX(12px)}.project:hover .iterations{transform:rotate(0)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach h2{font-size:clamp(40px,4.1vw,60px)}.steps article{display:flex;gap:30px;border-top:1px solid var(--line);padding:26px 0}.steps article>span{font-size:12px;color:var(--lime);padding-top:5px}.steps h3{font-size:22px;margin-bottom:12px}.steps p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.contact{background:var(--lime);color:#171a0d;padding-bottom:50px}.contact .section-label{color:#515b31}.contact h2{font-size:clamp(70px,11.2vw,166px);line-height:.98;position:relative;margin-bottom:60px;letter-spacing:-.065em}.contact-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #9cac43;padding-top:25px;gap:40px}.contact-bottom p{max-width:350px;font-size:18px;line-height:1.5;margin:0}.contact-bottom .contact-note{font-size:14px;color:#4d562c}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:36px 4.5%;color:var(--muted);font-size:12px}footer .logo{color:var(--ink)}footer a:last-child{font-size:13px}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s,transform .85s}.motion .reveal.visible{opacity:1;transform:none}dialog{width:min(660px,90vw);border:1px solid #515746;background:#191c15;color:var(--ink);padding:60px 45px;border-radius:4px}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}dialog h2{font-size:44px;margin:35px 0 25px}dialog p{line-height:1.7}dialog .eyebrow{color:var(--lime)}.dialog-note{color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.close{position:absolute;right:20px;top:15px;color:var(--ink);background:none;border:0;font-size:30px}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:80px}nav{gap:17px;font-size:12px}.nav-right{gap:15px}.contact-link{display:none}.hero{padding-top:28px}.hero-top .index{display:none}h1{font-size:14vw;margin-top:45px}.hero-image{height:450px;margin-top:-60px}.hero-bottom{gap:30px}.hero-bottom p{font-size:16px;max-width:320px}.round-link{gap:12px}.section{padding-top:65px;padding-bottom:65px}.section-label{margin-bottom:45px;font-size:10px}.services{gap:25px}.services h3{font-size:22px}.services p{min-height:0;font-size:15px}.service-no{margin-bottom:25px}.tags span{font-size:11px}.featured-img{height:430px}.type-art{height:320px;padding-left:25px}.art-word{font-size:90px}.iterations{font-size:65px}.project-caption h3{font-size:21px}.approach-grid{gap:7%}footer>span:first-of-type{display:none}}@media(max-width:540px){header{margin:0 6%}.logo{font-size:31px}nav{gap:14px}nav a:last-child{display:none}.nav-right{gap:0}.hero{padding-left:6%;padding-right:6%}.eyebrow{font-size:10px;letter-spacing:.8px}h1{font-size:16vw;line-height:1.02;letter-spacing:-.075em;margin-top:33px}.hero-image{height:355px;margin-top:-25px;margin-left:-6.8%;margin-right:-6.8%}.hero-image img{object-position:56% center}.image-label{font-size:9px;left:6%}.image-coordinate{font-size:9px;right:6%}.hero-bottom{align-items:start;flex-direction:column;padding:26px 0;gap:23px}.hero-bottom p{max-width:100%;font-size:16px}.round-link{width:100%;justify-content:space-between}.section{padding:56px 6%}.section-label{font-size:9px;letter-spacing:.7px;margin-bottom:35px}.services{grid-template-columns:1fr;gap:32px;margin-top:40px}.service-no{margin-bottom:20px}.services h3{font-size:29px}.services p{font-size:16px;max-width:100%}.tags{margin-top:16px}.tags span{font-size:12px}.work-title{flex-direction:column;align-items:start;gap:25px;margin-bottom:30px}.work-title p{max-width:100%}.featured-img{height:320px}.project-badge{font-size:9px;top:20px;left:20px}.project-caption{padding:20px 0;gap:10px}.project-caption h3{font-size:23px}.project-caption span{font-size:12px;line-height:1.6;display:block}.project-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.type-art{height:350px}.art-word{font-size:105px}.iterations{font-size:76px;margin-left:35px}.approach-grid{grid-template-columns:1fr;gap:15px}.approach h2{font-size:43px}.steps h3{font-size:22px}.contact h2{font-size:16vw;margin-bottom:40px}.contact-bottom{flex-direction:column;align-items:start;gap:24px}.contact-bottom p{font-size:16px}footer{flex-wrap:wrap;padding:28px 6%;gap:20px}footer .logo{width:100%}footer>span{margin-right:auto}dialog{padding:55px 25px 25px}dialog h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}.hero-image img{transform:none!important}}