@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:400 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101110;color:#eeefe7;font:14px Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#e6fb57;color:#101110}:root{--yellow:#e6fb57;--gray:#999e95;--line:#30332d;--pad:clamp(22px,5vw,100px)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.065em}h1,h2{line-height:.98}h2{font-size:clamp(48px,6vw,96px)}p{line-height:1.8}em{font-style:normal;color:var(--yellow)}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--yellow);color:black;padding:20px}.skip:focus{top:10px}header{height:96px;padding:0 var(--pad);display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:#101110}.logo{display:inline-flex;align-items:center;font-size:22px;letter-spacing:-1.3px;font-weight:700;position:relative;padding-bottom:11px}.logo-four{color:var(--yellow);font-size:32px;line-height:1;margin-left:1px}.logo small{font-size:6px;letter-spacing:3.6px;position:absolute;bottom:0;left:1px;font-weight:400}nav{display:flex;margin:auto;gap:35px;font-size:11px}nav a:hover{color:var(--yellow)}sup{font-size:7px;color:var(--gray);margin-left:5px}.contact-top{border-bottom:1px solid #777;padding-block:10px;font-size:11px;display:flex;gap:40px}.contact-top span{color:var(--yellow)}.menu{display:none}.hero{padding:30px var(--pad) 55px;overflow:hidden}.hero-kicker,.section-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;align-items:center}.hero-kicker span:last-child{color:var(--gray);display:flex;gap:12px;align-items:center}.hero-kicker i{width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 13px #e6fb5777}.hero-title{position:relative;padding-top:58px;padding-bottom:50px;display:flex;align-items:center;justify-content:space-between}.hero h1{font-size:clamp(68px,9.7vw,170px);letter-spacing:-.075em;position:relative;z-index:2}.hero h1 em{display:inline-block;animation:title-in 1s both .15s}.signal{position:relative;width:28vw;height:28vw;max-width:410px;max-height:410px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--yellow);transform:rotate(-12deg);transition:transform .5s}.signal>span{font-size:clamp(180px,24vw,390px);line-height:1;font-weight:700;letter-spacing:-.12em;margin-right:25px;text-shadow:10px 13px 0 #e6fb5710}.signal small{position:absolute;bottom:7%;font-size:6px;letter-spacing:3px;transform:rotate(12deg)}.signal-ring{position:absolute;inset:0;border:1px solid #e6fb5740;border-radius:50%}.ring-one{transform:rotateX(55deg);animation:orbit 16s linear infinite}.ring-two{transform:rotateY(55deg);animation:orbit 23s linear infinite reverse}.ring-three{inset:8%;border-style:dashed;border-color:#e6fb5726;animation:rotate 50s linear infinite}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:42px}.hero-bottom p{font-size:12px;color:#c5c8bd}.round-link{display:flex;gap:32px;align-items:center;font-size:10px}.round-link span{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid #777;border-radius:50%;font-size:24px;transition:.25s}.round-link:hover span{background:var(--yellow);color:black;transform:rotate(-35deg)}.hero-index{font-size:7px;letter-spacing:.12em;color:var(--gray);line-height:1.8}.hero-projects{display:grid;grid-template-columns:1fr 1fr 1fr .75fr;gap:12px}.hero-projects>button{padding:0;position:relative;overflow:hidden;border:1px solid var(--line);height:150px;text-align:left}.hero-projects img{height:100%;width:100%;object-fit:cover;object-position:top;transition:transform .6s,opacity .4s;opacity:.7}.hero-projects>button:hover img{transform:scale(1.05);opacity:1}.hero-projects>button>span{position:absolute;left:14px;bottom:12px;font-size:6px;letter-spacing:1.3px;background:#101110c9;padding:7px 10px}.explore-tile{border:1px solid var(--line);padding:20px;position:relative;font-size:14px;color:#b6bbae;line-height:1.4}.explore-tile b{position:absolute;bottom:15px;right:20px;font-size:26px;color:var(--yellow);font-weight:400}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;color:#afb5a4;font-size:10px;letter-spacing:3px}.ticker>div{width:max-content;animation:marquee 45s linear infinite}.section{padding:100px var(--pad)}.section-top{margin-bottom:45px;color:var(--gray)}.eyebrow{font-size:8px;letter-spacing:.14em;line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading>p{font-size:12px;color:#a9aea2;max-width:340px}.section-heading small{display:block;font-size:9px;padding-top:20px;color:#797e72}.filters{display:flex;align-items:center;gap:8px;margin-bottom:32px}.filters button{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:12px 19px}.filters button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#101110}.filters button[aria-pressed=true] sup{color:#444}.filters>span{margin-left:auto;font-size:9px;color:var(--gray)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 30px}.project:nth-child(even){margin-top:80px}.project-grid.filtered .project{margin-top:0}.project-visual{width:100%;background:#21251f;padding:27px 20px 0;position:relative;display:block;overflow:hidden;aspect-ratio:1.4;border:1px solid var(--line);transition:background .3s}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transform:translateY(10px) rotate(-2deg);transition:transform .7s cubic-bezier(.2,.7,.2,1);box-shadow:0 10px 25px #0005;border-radius:3px 3px 0 0}.project-visual:hover img{transform:translateY(0) rotate(0deg) scale(1.035)}.project-visual.sol{background:#34433c}.project-visual.oasis{background:#222c42}.project-visual.reformas{background:#504a3e}.project-visual.festival{background:#552e26}.browser-label{position:absolute;top:10px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:1px;opacity:.65}.browser-label span:first-child{letter-spacing:3px}.preview-pill{position:absolute;bottom:20px;right:20px;padding:13px 18px;border-radius:30px;background:var(--yellow);color:#111;font-size:10px;transform:translateY(70px);transition:.3s}.project-visual:hover .preview-pill,.project-visual:focus-visible .preview-pill{transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;align-items:end;margin-top:20px;gap:15px}.project-meta .eyebrow{color:var(--gray);font-size:6.5px}.project h3{font-size:26px;margin-top:8px;letter-spacing:-.045em}.project h3 span{font-size:20px;margin-left:10px;color:var(--yellow)}.case-link{font-size:8px;white-space:nowrap;border-bottom:1px solid #686f5c;padding-bottom:4px;color:#b7bcae}.project-description{font-size:11px;line-height:1.8;color:#8e9686;max-width:430px;margin-top:13px}.studio{background:#191c17;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;margin-bottom:65px}.studio-intro>div{padding-top:12px;max-width:380px}.studio-intro>div p:first-child{font-size:21px;line-height:1.5;letter-spacing:-.035em}.studio-intro>div p+p{margin-top:25px;font-size:12px;color:#959d8c}.service-list details{border-top:1px solid #3c4335;padding:26px 0}.service-list details:last-child{border-bottom:1px solid #3c4335}.service-list summary{list-style:none;display:flex;align-items:center;cursor:pointer;gap:30px}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span{font-size:9px;color:#909981;width:12%}.service-list h3{font-size:32px;letter-spacing:-.045em}.service-list summary>b{margin-left:auto;font-size:23px;color:var(--yellow);font-weight:400}.service-list details[open] summary>b{transform:rotate(45deg)}.service-list details>p{margin:18px 40px 0 calc(12% + 30px);max-width:610px;color:#a2ab98;font-size:12px}.graphic{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;overflow:hidden}.graphic .eyebrow{color:var(--gray);margin-bottom:30px}.graphic h2{font-size:clamp(45px,5.2vw,85px)}.graphic-copy>p:not(.eyebrow){font-size:12px;color:#a2a997;max-width:340px;margin-block:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;padding:16px 20px;font-size:10px;border:1px solid var(--line);transition:.25s}.button.yellow{background:var(--yellow);color:#111;border-color:var(--yellow)}.button:hover{transform:translateY(-3px);background:#efffa5}.graphic-sign{display:block;margin-top:22px;font-size:7px;letter-spacing:2px;color:var(--gray)}.graphic-art{background:#24251f;position:relative;padding:34px 20px 0;transform:rotate(3deg);transition:transform .5s;aspect-ratio:1;overflow:hidden;border:1px solid #393e30}.graphic-art:hover{transform:rotate(0)}.graphic-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 10px 40px #0005}.graphic-art>span{position:absolute;bottom:15px;right:15px;background:var(--yellow);color:black;padding:13px;font-size:8px}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.steps article{border-top:1px solid #48503c;padding-top:24px}.steps span{font-size:8px;letter-spacing:1px;color:var(--yellow)}.steps h3{font-size:24px;letter-spacing:-.045em;margin:24px 0 14px}.steps p{font-size:11px;color:#959e88;max-width:280px}.contact{background:var(--yellow);color:#101110;padding-top:65px;padding-bottom:55px}.contact-head{font-size:clamp(95px,18vw,290px);font-weight:500;line-height:1.3;letter-spacing:-.09em;display:flex;align-items:center;justify-content:space-between}.contact-head span{font-size:.7em;transition:transform .5s}.contact-head:hover span{transform:translate(10px,-10px)}.contact-bottom{border-top:1px solid #10111050;padding-top:28px;display:flex;align-items:center;gap:22px}.contact-bottom>p{font-size:11px;margin-right:auto}.contact-bottom>a{font-size:16px;letter-spacing:-.03em}.contact-bottom button{font-size:8px;border-bottom:1px solid #10111080;padding:9px 0}.contact-bottom>span{font-size:8px}footer{display:flex;align-items:center;padding:45px var(--pad);gap:35px;flex-wrap:wrap}footer p{font-size:9px;color:#818c73;margin-right:auto}footer>a:not(:first-child){font-size:9px}footer>span{font-size:6px;letter-spacing:1px;color:#707c62;width:100%;text-align:right}dialog{padding:0;border:1px solid #454d38;background:#161a12;color:#eee;width:96vw;max-width:1700px;height:94vh;max-height:none;overflow:hidden}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.viewer-bar{height:58px;display:flex;align-items:center;padding:0 20px;gap:20px;border-bottom:1px solid var(--line);font-size:10px}.viewer-bar strong{margin-right:auto}.viewer-bar>a{color:var(--yellow);font-size:9px}.viewer-bar>button{font-size:10px}.viewport-switch{display:flex;gap:5px}.viewport-switch button{font-size:8px;padding:8px 12px;border:1px solid #4a523c}.viewport-switch button[aria-pressed=true]{background:var(--yellow);color:black}.viewer-note{font-size:8px;line-height:1.4;margin:0;padding:10px 20px;color:#9ca68d;height:35px}#frame-holder{height:calc(100% - 93px);background:#090b08;display:flex;justify-content:center;overflow:auto}iframe{display:block;width:100%;height:100%;border:0;background:white;transition:width .35s}iframe.mobile{width:min(390px,100%)}.case{padding-top:45px}.back{font-size:9px;display:inline-block;margin-bottom:70px;color:#abb49c}.case>.eyebrow{color:var(--yellow);margin-bottom:20px}.case>h1{font-size:clamp(55px,8vw,130px);display:flex;justify-content:space-between;margin-bottom:50px}.case>h1 span{color:var(--yellow)}.case-image{position:relative;max-height:650px;overflow:hidden;border:1px solid var(--line)}.case-image>img{display:block;width:100%;height:auto}.case-image>button{position:absolute;bottom:25px;right:25px}.case-text{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:70px}.case-text h2{font-size:clamp(40px,4vw,65px)}.case-text p,.case-text li{font-size:12px;color:#a6af98;line-height:1.8}.case-text h3{font-size:20px;margin-top:30px;letter-spacing:-.03em}.case-text ul{padding-left:18px;margin-bottom:25px}.case-text li{margin-block:10px}.case-text .case-note{font-size:9px;color:#7d896d;margin-bottom:25px}.case-cta{background:#1c2215;padding:65px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px}.case-cta h2{font-size:50px}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:translateY(0)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotateX(55deg) rotateY(360deg) rotateZ(30deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes title-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.preview-pill{transform:none}.hero-projects img{opacity:1}}@media(min-width:1700px){body{max-width:2000px;margin:auto}}@media(max-width:950px){nav{gap:20px}.hero h1{font-size:10vw}.hero-title{padding-top:70px}.hero-index{display:none}.hero-projects{grid-template-columns:1fr 1fr 1fr}.explore-tile{display:none}.hero-projects>button{height:120px}.studio-intro{gap:40px}.service-list h3{font-size:26px}.graphic{gap:35px}.contact-bottom{flex-wrap:wrap}.contact-bottom>p{width:100%}.project-meta{align-items:start}.case-link{font-size:7px}.project h3{font-size:23px}}@media(max-width:650px){header{height:78px;gap:20px}.logo{font-size:20px}.logo-four{font-size:30px}.contact-top{margin-left:auto;font-size:10px;gap:15px}.menu{display:block;font-size:20px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:30px var(--pad);background:#1b2015;flex-direction:column;margin:0;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{font-size:18px}.hero{padding-top:24px;padding-bottom:32px}.hero-kicker{font-size:6px;letter-spacing:.06em}.hero-kicker span:last-child{font-size:5px}.hero-kicker i{display:none}.hero-title{padding-top:65px;padding-bottom:45px;min-height:250px}.hero h1{font-size:clamp(59px,13.4vw,86px);letter-spacing:-.075em}.signal{position:absolute;right:-65px;top:10px;width:210px;height:210px;opacity:.18;pointer-events:none}.signal>span{font-size:200px}.signal small{display:none}.hero-bottom{display:block;padding-bottom:28px}.hero-bottom p{font-size:11px}.round-link{margin-top:22px;justify-content:space-between}.round-link span{height:40px;width:40px}.hero-projects{gap:6px}.hero-projects>button{height:90px}.hero-projects>button>span{left:4px;bottom:5px;font-size:4px;padding:4px;letter-spacing:.2px}.ticker{font-size:8px;padding:13px 0}.section{padding:65px var(--pad)}.section-top{margin-bottom:30px;font-size:6px}.section-top>span{display:none}.eyebrow{font-size:7px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;font-size:11px}.section-heading small{padding-top:10px}.filters{flex-wrap:wrap;gap:6px}.filters button{font-size:8px;padding:10px 12px}.filters>span{font-size:7px}.project-grid{grid-template-columns:1fr;gap:40px}.project:nth-child(even){margin-top:0}.project h3{font-size:25px}.project-visual{aspect-ratio:1.35;padding-inline:14px}.project-description{font-size:11px}.preview-pill{transform:none;padding:10px 13px;font-size:8px;right:12px;bottom:12px}.studio-intro{display:block;margin-bottom:35px}.studio-intro>div{margin-top:25px;padding:0}.studio-intro>div p:first-child{font-size:18px}.service-list h3{font-size:21px}.service-list summary{gap:16px}.service-list summary>span{width:20px}.service-list details>p{margin-left:36px;font-size:11px}.graphic{grid-template-columns:1fr;gap:45px}.graphic h2{font-size:53px}.graphic-copy>p:not(.eyebrow){font-size:11px}.graphic-art{aspect-ratio:1.15}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps h3{margin-top:15px}.steps p{max-width:none}.contact-head{font-size:25vw;line-height:1.6}.contact .eyebrow{font-size:6px}.contact-bottom{gap:12px}.contact-bottom>a{font-size:14px}.contact-bottom button{margin-left:auto}footer{gap:25px;padding-block:30px}footer p{font-size:8px}footer>span{text-align:left}.viewer-bar{height:55px;padding:0 12px;gap:14px}.viewer-bar strong{font-size:9px}.viewport-switch{display:none}.viewer-bar>a{font-size:8px}.viewer-bar>button{font-size:8px}.viewer-note{font-size:6px;height:34px;padding:9px 12px}#frame-holder{height:calc(100% - 89px)}dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;margin:0}.case .back{margin-bottom:45px}.case>h1{font-size:15vw;margin-bottom:30px}.case-image{min-height:230px}.case-image>img{min-height:230px;object-fit:cover;object-position:top}.case-image>button{bottom:15px;right:15px;padding:12px 15px;font-size:8px;min-height:40px}.case-text{grid-template-columns:1fr;gap:30px;margin-top:40px}.case-text h2{font-size:43px}.case-cta{padding:45px var(--pad);display:block}.case-cta h2{font-size:40px;margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}