@font-face{font-family:Space;src:url('/assets/space-grotesk.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Neutral;src:url('/assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f4f2ec;--black:#0b0d12;--blue:#1559f5;--gray:#626975;--hair:#0b0d1233;--margin:clamp(24px,4.5vw,100px);--display:Space,Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--black);font-family:Neutral,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.is-locked{overflow:hidden}main{overflow:clip}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:.94;letter-spacing:-.065em}h1{font-size:clamp(68px,10vw,190px)}h2{font-size:clamp(48px,7vw,130px)}h3{font-size:clamp(30px,4vw,68px)}p{line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:7px}img{display:block;max-width:100%;height:auto}::selection{color:white;background:var(--blue)}.caption{font-family:Consolas,monospace;font-size:10px;letter-spacing:.065em;line-height:1.6;text-transform:uppercase}.caption>span:first-child{margin-right:26px}.action-link{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;font-size:13px;padding:14px 0;border-bottom:1px solid currentColor}.action-link>span{font-size:25px;transition:transform .4s var(--ease)}.action-link:hover>span{transform:translate(5px,-5px)}.control{border:1px solid currentColor;padding:12px 17px;font-size:11px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;transition:background .2s,color .2s}.control:hover,.control.is-selected{background:var(--black);color:white}.access-skip{position:fixed;top:-100px;left:20px;background:var(--black);color:white;padding:18px;z-index:1000}.access-skip:focus{top:15px}
.masthead{position:fixed;top:0;left:0;width:100%;height:105px;padding:0 var(--margin);display:flex;justify-content:space-between;align-items:center;z-index:80;pointer-events:none;color:var(--black);transition:color .3s}.masthead>*{pointer-events:auto}.identity-link{display:block;width:105px;height:90px;overflow:hidden;position:relative}.identity-link img{width:105px;max-width:none;mix-blend-mode:multiply;transform:translateY(-8px)}.masthead-right{display:flex;align-items:center;gap:42px}.quick-projects{font-size:11px;letter-spacing:.015em}.index-toggle{font-size:12px;display:flex;gap:25px;align-items:center;min-height:44px}.index-toggle>span{font-size:30px;line-height:1;font-family:var(--display);font-weight:400}.masthead.over-dark{color:white}.masthead.over-dark .identity-link{background:white}.index-toggle:hover>span{transform:rotate(90deg);transition:transform .4s}
#site-index{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100svh;max-height:none;background:var(--blue);color:white;border:0;padding:30px var(--margin);z-index:100;overflow:auto}#site-index::backdrop{background:var(--blue)}#site-index[open]{animation:index-reveal .55s var(--ease)}.index-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5vh}.index-close{padding:15px 0 15px 25px;font-size:12px}.index-top .caption{font-size:9px}#site-index nav{max-width:1000px;margin-left:auto}#site-index nav a{display:grid;grid-template-columns:45px 1fr 70px;gap:20px;align-items:center;border-top:1px solid #ffffff55;padding:12px 0;font-family:var(--display)}#site-index nav small{font:10px Consolas,monospace;align-self:start;padding-top:12px}#site-index nav a>span{font-size:clamp(45px,7.4vw,120px);line-height:1;letter-spacing:-.065em;transition:transform .5s var(--ease)}#site-index nav b{font-size:50px;font-weight:400;opacity:0}#site-index nav a[aria-current]>span{color:#bdcdf8}#site-index nav a[aria-current] b,#site-index nav a:hover b{opacity:1}#site-index nav a:hover>span{transform:translateX(14px)}.index-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:5vh;font-size:11px}.index-bottom p{font:10px/1.6 Consolas,monospace}
.opening{position:relative;background:var(--paper)}.opening-inner{position:relative;min-height:760px;height:100svh;padding:120px var(--margin) 35px;isolation:isolate;overflow:hidden}.opening-kicker{position:relative;z-index:3;font-size:9px}.opening h1{font-size:clamp(95px,14.8vw,300px);line-height:.9;letter-spacing:-.08em;position:absolute;top:29%;left:var(--margin);width:94%;z-index:3;pointer-events:none}.opening h1>span{display:block;white-space:nowrap}.opening h1 .opening-second{margin-left:14vw;margin-top:6.5vh;font-size:.81em;letter-spacing:-.07em}.blue-period{color:var(--blue)}.identity-object{position:absolute;width:25vw;max-width:430px;aspect-ratio:1;right:7%;top:15%;perspective:1200px;transform:rotate(-11deg);z-index:2}.identity-sheet{position:absolute;inset:0;display:block;background:var(--blue);transform-style:preserve-3d}.identity-sheet.front{background:#fff;box-shadow:15px 30px 55px #0b0d1226;transform:rotateY(-18deg) rotateX(10deg)}.identity-sheet.front img{width:100%;height:100%;object-fit:contain}.identity-sheet.mid{transform:translate(25px,20px) rotate(6deg);background:var(--blue)}.identity-sheet.back{transform:translate(50px,35px) rotate(12deg);background:#0b0d12}.object-axis{position:absolute;left:-60%;top:50%;width:240%;height:1px;background:#1559f544;transform:rotate(-45deg);z-index:-1}.opening-bottom{position:absolute;bottom:35px;left:var(--margin);right:var(--margin);display:flex;justify-content:space-between;align-items:end;gap:30px}.opening-bottom>p:first-child{font-size:13px;line-height:1.5}.opening-edition{text-align:right;font-size:9px}.explore-dial{width:90px;height:90px;border:1px solid var(--black);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-left:25%}.explore-dial span{font:8px Consolas,monospace;letter-spacing:.1em}.explore-dial b{font-size:27px;font-weight:400;transition:transform .3s}.explore-dial:hover b{transform:translateY(6px)}.opening-edge{position:absolute;right:15px;top:55%;writing-mode:vertical-rl;font-size:8px;color:#626975}
.manifesto-story{background:var(--black);color:white}.manifesto-stage{position:relative}.chapter-readout{display:none}.statement{position:relative;min-height:100svh;padding:120px var(--margin) 70px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.statement>.caption{margin-bottom:50px;font-size:10px}.statement h2{font-size:clamp(70px,11vw,200px);line-height:.98;max-width:1500px;position:relative;z-index:2}.statement h2>span{color:#9ba4b5}.statement>p:not(.caption){position:relative;z-index:2;max-width:370px;margin:40px 0 0 auto;font-size:14px}.statement-one .type-cross{position:absolute;right:8%;top:22%;font:400 360px/.7 var(--display);color:var(--blue);z-index:0;transform:rotate(15deg)}.statement-two{background:var(--blue)}.statement-two h2>span{color:#ffffff}.statement-window{position:absolute;right:10%;bottom:-15%;width:20vw;height:80%;border:1px solid #ffffff66;transform:rotate(30deg);z-index:0}.statement-three{background:var(--paper);color:var(--black)}.statement-three h2>span{color:var(--blue)}.statement-three .disciplines{display:flex;gap:45px;margin-top:55px;font-size:9px}.statement-three .action-link{align-self:start;margin-top:35px}.manifesto-pinned .manifesto-stage{height:100svh}.manifesto-pinned .statement{position:absolute;inset:0;min-height:0;height:100%}.manifesto-pinned .chapter-readout{display:flex;position:absolute;top:110px;left:var(--margin);right:var(--margin);justify-content:space-between;z-index:10;color:white;mix-blend-mode:difference;font-size:8px;pointer-events:none}.manifesto-pinned .statement>.caption{margin-top:30px}
.tagarela-scene{background:#e7ebdd;color:#1d3224;padding:55px var(--margin) 110px;position:relative}.product-topline{display:flex;justify-content:space-between;border-top:1px solid #1d322455;padding-top:15px;font-size:9px;gap:20px}.product-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:60px}.product-title h2{font-size:clamp(100px,18vw,340px);letter-spacing:-.075em;line-height:.88}.product-title h2>span{color:#71916c}.product-title>p{font-size:clamp(18px,2.4vw,40px);line-height:1.1;letter-spacing:-.04em;max-width:280px;margin-bottom:10px}.product-performance{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:center;margin-top:50px}.voice-lab{min-width:0}.voice-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px}.parrot{background-image:url('/assets/tagarela/avatar-poses.png');background-size:300% 200%;background-position:0 0;background-repeat:no-repeat;width:440px;max-width:100%;aspect-ratio:1}.parrot[data-pose="1"]{background-position:50% 0}.parrot[data-pose="2"]{background-position:100% 0}.parrot[data-pose="3"]{background-position:0 100%}.parrot[data-pose="4"]{background-position:50% 100%}.parrot[data-pose="5"]{background-position:100% 100%}.voice-stamp{position:absolute;left:0;bottom:25px;font-size:8px;transform:rotate(-90deg);transform-origin:left top;color:#48614d}.voice-signal{position:absolute;right:0;bottom:30px;display:flex;gap:3px;height:55px;align-items:center}.voice-signal i{height:5px;background:#3d6d45;width:2px}.is-speaking .voice-signal i{animation:signal .5s calc(var(--n)*-.07s) ease-in-out infinite alternate}.voice-console{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:18px;border-top:1px solid #1d322455}.voice-play{background:#1d3224;color:white}.voice-mic{font-size:10px}.voice-mic[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.voice-notice{font-size:9px;line-height:1.5;margin:15px 0 0;text-align:center;color:#53635a}.voice-feedback{font-size:10px;text-align:center;margin-top:10px;min-height:15px}.product-narrative{padding:20px 0 30px}.product-narrative>.caption{font-size:8px;display:block;margin-bottom:35px}.product-narrative h3{font-size:clamp(40px,5.4vw,100px);line-height:1.03}.product-narrative p{max-width:300px;margin:30px 0 20px;font-size:14px}.application-window{position:relative;display:block;width:68%;margin:100px 0 0 auto;text-align:left;perspective:1400px}.application-window>.caption{display:block;margin-bottom:22px;font-size:9px}.application-window img{width:100%;height:auto;transform:rotate(-3deg);box-shadow:0 40px 50px #213a2222;transition:transform .8s var(--ease)}.application-window:hover img{transform:rotate(0) translateY(-10px)}.application-caption{display:flex;justify-content:space-between;align-items:center;margin-top:45px;font-size:13px;border-bottom:1px solid #1d322455;padding-bottom:15px}.application-caption>span{font-size:26px}
.work-invitation{background:var(--blue);color:white;min-height:100svh;padding:60px var(--margin);position:relative;isolation:isolate;overflow:hidden}.work-invitation>.caption{font-size:9px}.work-invitation h2{font-size:clamp(80px,13vw,245px);line-height:.94;margin:80px 0 50px;position:relative;z-index:2}.work-invitation h2>span{display:block;margin-left:19vw;color:#d9e3ff}.work-spine{position:absolute;right:-12%;top:-10%;height:150%;width:36%;border:1px solid #ffffff50;transform:rotate(23deg);z-index:0}.work-spine i{position:absolute;left:0;right:0;top:25%;height:1px;background:#ffffff50}.work-spine i:nth-child(2){top:50%}.work-spine i:nth-child(3){top:75%}.work-invitation-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;position:relative;z-index:2}.work-invitation-bottom p{max-width:330px;font-size:13px}.round-link{width:160px;height:160px;border:1px solid #ffffff88;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:20px;transform:rotate(-12deg);transition:transform .6s var(--ease)}.round-link:hover{transform:rotate(0)}.round-link span{font:9px/1.5 Consolas,monospace;letter-spacing:.05em}.round-link b{font-size:40px;font-weight:400}
.human-scene{padding:65px var(--margin) 60px;background:var(--black);color:white}.human-scene>.caption{font-size:9px}.people-composition{height:760px;max-height:1100px;position:relative;isolation:isolate}.people-center{position:absolute;left:23%;top:37%;font-family:var(--display);font-size:clamp(65px,8vw,155px);line-height:.84;letter-spacing:-.07em;color:#ffffff17;pointer-events:none}.people-center>span,.people-center>i{display:block;font-style:normal}.people-center>i{margin-left:12vw}.person-name{position:absolute;display:flex;align-items:baseline;gap:18px;font-family:var(--display);font-size:clamp(36px,5.8vw,100px);letter-spacing:-.06em;line-height:1;text-align:left;z-index:2;padding:15px 0}.person-name>.caption{font-size:8px;letter-spacing:.04em;flex:none;align-self:center;margin:0}.person-name b{font-size:.5em;font-weight:400;opacity:0;transform:translate(-10px,10px);transition:opacity .4s,transform .4s}.person-name:hover b,.person-name:focus-visible b{opacity:1;transform:none}.person-name:hover,.person-name:focus-visible{color:#79a3ff}.person-0{top:12%;left:0}.person-1{top:29%;right:0}.person-2{top:64%;left:6%}.person-3{top:83%;right:5%}.people-cross{position:absolute;left:3%;top:43%;font:130px/1 var(--display);color:var(--blue);pointer-events:none}.human-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.human-bottom p{font-size:13px;color:#c1c5cf}.human-bottom .action-link{font-size:12px}
.closing{background:var(--paper);padding:75px var(--margin) 60px;min-height:90svh;display:flex;flex-direction:column;justify-content:space-between}.closing>.caption{font-size:9px}.closing h2,.closing h1{font-size:clamp(68px,11vw,210px);line-height:.99;margin:75px 0}.closing h2>span,.closing h1>span{color:var(--blue);display:inline-block;margin-left:15vw}.closing-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.closing-bottom>img{width:180px;mix-blend-mode:multiply}.closing-bottom>div{width:50%;padding-bottom:25px}.email-link{display:flex;justify-content:space-between;gap:20px;font-size:clamp(14px,2.2vw,36px);letter-spacing:-.04em;border-bottom:1px solid var(--black);padding-bottom:17px}.email-link>span{font-size:1.2em;transition:transform .3s}.email-link:hover>span{transform:translate(6px,-6px)}.closing-bottom p{font-size:11px;margin-top:17px;color:var(--gray)}.closing-page{padding-top:150px;min-height:100svh}.closing-page h1{font-size:clamp(64px,10.5vw,210px)}.closing-page .copy-address{margin-top:25px}.copy-feedback{font-size:10px;margin-left:15px}.colophon{padding:25px var(--margin);border-top:1px solid var(--hair);display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--paper)}.colophon .caption{font-size:8px}.colophon p{font-family:var(--display);font-size:20px;letter-spacing:-.055em}
.projects-cover{padding:150px var(--margin) 65px;min-height:92svh;display:flex;flex-direction:column;justify-content:space-between}.projects-cover h1{font-size:clamp(70px,11.3vw,220px);margin:70px 0 45px}.projects-cover h1>span{color:var(--blue)}.projects-cover-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.projects-cover-bottom p{font-size:13px}.journey{background:#0b0d12;color:white;position:relative}.journey-view{position:relative}.journey-nav{display:flex;position:relative;gap:15px;padding:65px var(--margin) 35px}.journey-nav a{display:block;position:relative;flex:1;padding-top:20px;font-size:9px;color:#aab2c2}.journey-nav b{display:block;font-size:11px;color:white;font-weight:400;margin-bottom:5px}.journey-line{position:absolute;top:65px;left:var(--margin);right:var(--margin);height:1px;background:#ffffff44}.journey-line i{display:block;height:3px;width:100%;background:#6898ff;transform:scaleX(0);transform-origin:left top}.journey-node{position:absolute;left:0;top:-4px;width:9px;height:9px;border:1px solid #ffffff88;background:#0b0d12;border-radius:50%;z-index:2}.journey-nav a[aria-current=step]{color:#a8c1ff}.journey-nav a[aria-current=step] .journey-node{background:#80a8ff;box-shadow:0 0 0 5px #80a8ff22}.journey-scenes{position:relative}.journey-event{position:relative;min-height:92svh;display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center;padding:60px var(--margin) 100px;border-top:1px solid #ffffff33;overflow:hidden}.event-copy>.caption{font-size:9px;margin-bottom:30px;color:#a7b0c1}.event-copy h2{font-size:clamp(55px,6.8vw,135px);margin-bottom:30px}.event-state{font:9px Consolas,monospace;text-transform:uppercase;color:#9cb9ff;letter-spacing:.05em;border-left:2px solid #6494ff;padding-left:12px;margin-bottom:35px}.event-copy h3{font-size:clamp(25px,2.8vw,50px);line-height:1.15;letter-spacing:-.04em;margin-bottom:20px}.event-copy>p:not(.caption){font-size:12px;max-width:340px;color:#bac0cb}.event-copy .action-link{font-size:11px;margin-top:20px}.event-media{min-width:0}.event-parrot{position:relative;background:#e7ebdd;color:#23412e;height:480px;overflow:hidden;display:flex;justify-content:flex-end;align-items:end}.event-parrot>span{position:absolute;left:25px;top:35px;font:60px/.9 var(--display);letter-spacing:-.07em;color:#6b866b}.event-parrot .parrot{width:87%;transform:translate(10%,12%) rotate(-8deg);flex:none}.real-app-plate{width:100%;text-align:left;display:block;padding:0;transform:rotate(4deg)}.real-app-plate img{width:100%;box-shadow:0 20px 60px #0004}.real-app-plate>.caption{font-size:8px;display:flex;justify-content:space-between;padding-top:18px}.event-footnote{position:absolute;bottom:30px;left:var(--margin);font-size:8px;color:#818b9f}.journey-direction{display:none}.journey-pinned .journey-view{height:100svh}.journey-pinned .journey-nav{position:absolute;left:0;right:0;top:95px;padding-top:10px;z-index:10}.journey-pinned .journey-line{top:10px}.journey-pinned .journey-event{position:absolute;inset:0;min-height:0;height:100svh;padding-top:220px;padding-bottom:80px;border:0}.journey-pinned .journey-scenes{height:100%}.journey-pinned .event-parrot{height:min(54vh,560px)}.journey-pinned .journey-direction{display:flex;justify-content:space-between;position:absolute;bottom:20px;right:var(--margin);font-size:7px;gap:35px}.projects-after{min-height:70svh;padding:100px var(--margin);background:var(--blue);color:white}.projects-after h2{margin:70px 0 50px;font-size:clamp(45px,7vw,140px);line-height:1.03}.projects-after h2>span{color:#ccdafa}
.concept-lab{background:#1c2533;color:#f5f5f1;padding:25px;overflow:hidden}.concept-lab>.caption{font-size:8px;color:#b0b8c5}.concept-stage{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden}.concept-words{font:50px/.95 var(--display);letter-spacing:-.055em;position:relative;z-index:2;text-align:center;transition:transform .6s var(--ease)}.concept-reels{position:absolute;inset:40px}.concept-reels i{position:absolute;inset:0;border:1px solid #8195b0;transform:rotate(-20deg);transition:transform .8s var(--ease),border-radius .8s}.concept-reels i:nth-child(2){transform:rotate(0)}.concept-reels i:nth-child(3){transform:rotate(20deg)}.concept-stage[data-concept="1"] .concept-reels i{transform:rotate(90deg) scale(.85)}.concept-stage[data-concept="1"] .concept-reels i:nth-child(2){transform:rotate(45deg) scale(1.2)}.concept-stage[data-concept="2"] .concept-reels i{transform:rotate(180deg);border-radius:50%}.concept-stage[data-concept="2"] .concept-reels i:nth-child(2){transform:rotate(90deg) scale(.65)}.concept-controls{display:flex;gap:8px}.concept-controls .control{flex:1;font-size:10px;padding:11px;justify-content:center}.concept-controls .control.is-selected{background:white;color:var(--black)}.concept-lab .voice-notice{color:#b4becd;font-size:8px}.concept-stage[data-concept="1"] .concept-words{transform:scale(.85)}.concept-stage[data-concept="2"] .concept-words{color:#9ec8ff}
.team-cover{position:relative;min-height:100svh;padding:150px var(--margin) 70px;overflow:hidden}.team-cover h1{font-size:clamp(80px,14.5vw,290px);margin-top:100px;position:relative;z-index:2}.team-cover h1>span{color:var(--blue);display:block;margin-left:10vw}.team-cover>p:not(.caption){font-size:13px;margin-top:45px;position:relative;z-index:2}.team-down{display:block;margin-top:30px;font-size:8px}.team-asterisk{position:absolute;right:8%;top:18%;font:350px/1 var(--display);color:#d7dcee;z-index:0;transform:rotate(15deg)}.team-exhibition{padding:20px var(--margin) 70px;background:var(--blue);color:white}.team-exhibition .people-composition{height:900px}.team-exhibition .people-center{color:#ffffff15}.team-exhibition .people-cross{color:#aec8ff}.team-exhibition .person-name:hover{color:#c1d6ff}.team-exhibition-note{font-size:11px;text-align:right}.studio-opening{position:relative;min-height:100svh;padding:150px var(--margin) 70px}.studio-opening h1{font-size:clamp(75px,11.5vw,225px);margin-top:75px;position:relative;z-index:2}.studio-opening h1>span{color:var(--blue);display:inline-block;margin-left:18vw}.studio-cutout{position:absolute;right:8%;top:34%;width:23vw;transform:rotate(12deg);box-shadow:0 20px 60px #0b0d1215}.studio-impact{font:clamp(32px,4.5vw,80px)/.9 var(--display);letter-spacing:-.06em;margin:45px 0 0 8vw}.studio-lead{max-width:350px;font-size:13px;margin:45px 0 0 auto}.studio-essay{display:grid;grid-template-columns:1fr 3fr;gap:8%;padding:130px var(--margin);background:var(--black);color:white}.studio-essay aside{font-size:9px;color:#a8b0c0}.studio-essay h2{font-size:clamp(40px,5.8vw,110px);line-height:1.08;margin-bottom:60px}.studio-essay h2>span{color:#749bff}.studio-essay p{max-width:520px;margin-left:auto;font-size:14px;margin-top:22px;color:#bdc4d0}.method-scenes{padding:80px var(--margin);background:var(--blue);color:white}.method-scenes>.caption{font-size:9px;margin-bottom:70px}.method-line{display:grid;grid-template-columns:70px 1.5fr 1fr;gap:30px;align-items:center;border-top:1px solid #ffffff66;padding:60px 0}.method-line>span{font:12px Consolas,monospace;align-self:start}.method-line h2{font-size:clamp(40px,6.5vw,120px)}.method-line p{max-width:300px;font-size:12px;color:#d6e2ff}.discipline-exhibition{padding:80px var(--margin)}.discipline-exhibition>.caption{font-size:9px}.discipline-item{position:relative;min-height:75svh;padding:100px 0 60px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--hair)}.discipline-number{position:absolute;right:0;top:70px;font:140px/1 var(--display);letter-spacing:-.06em;color:#c7cbd4}.discipline-item h2{font-size:clamp(60px,9vw,180px);position:relative;z-index:2;max-width:80%}.discipline-item>div{display:flex;gap:50px;margin:50px 0 0 auto;max-width:600px;font-size:12px}.discipline-item>div>p{flex:1}.discipline-item>div>p:last-child{color:var(--gray)}.contact-colophon{padding:90px var(--margin);background:var(--black);color:white}.contact-colophon>.caption{font-size:9px;color:#a9b3c6}.contact-colophon h2{font-size:clamp(45px,7vw,130px);margin:70px 0 45px;line-height:1.04}.contact-colophon>p:not(.caption){font-size:13px;margin-bottom:25px}
.detail-panel{position:fixed;margin:0 0 0 auto;inset:0 0 0 auto;width:min(1000px,88vw);max-width:none;height:100svh;max-height:none;border:0;padding:0;background:var(--paper);color:var(--black);overscroll-behavior:contain}.detail-panel::backdrop{background:#0b0d12b8;backdrop-filter:blur(5px)}.detail-panel[open]{animation:panel-slide .5s var(--ease)}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 45px;background:var(--paper);border-bottom:1px solid var(--hair);position:sticky;top:0;z-index:10}.detail-top>.caption{font-size:8px}.detail-close{font-size:12px;padding:10px}.detail-body{padding:50px clamp(25px,5vw,80px) 70px}.detail-body>.caption{font-size:9px;color:var(--gray)}.detail-body h2{font-size:clamp(45px,6.5vw,110px);line-height:.99;margin:25px 0}.detail-status{font:9px Consolas,monospace;color:var(--blue);display:inline-block;border-left:2px solid var(--blue);padding-left:15px;margin:10px 0 30px}.detail-lead{font-size:16px;line-height:1.7;margin-bottom:35px;max-width:650px}.detail-body .voice-lab{background:#e7ebdd;padding:25px;color:#1d3224}.detail-body .voice-stage{min-height:350px}.detail-body .parrot{width:340px}.detail-body .voice-stamp{display:none}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0}.detail-columns h3,.detail-milestones h3,.professional-fields h3{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin-bottom:18px}.detail-columns p{font-size:12px;color:var(--gray)}.detail-platforms{font-size:10px;border-top:1px solid var(--hair);padding-top:20px;margin-bottom:30px}.detail-body figure{margin:40px 0}.detail-body figure img{width:100%}.detail-body figcaption{font-size:9px;color:var(--gray);margin-top:15px}.detail-milestones{margin:45px 0}.detail-milestones ol{list-style:none;padding-left:22px;border-left:1px solid #a0abba}.detail-milestones li{position:relative;margin:25px 0}.detail-milestones li:before{content:"";position:absolute;left:-27px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--blue)}.detail-milestones strong{font-size:14px;font-weight:400}.detail-milestones .caption{font-size:8px;color:var(--blue);margin:8px 0}.detail-milestones p:not(.caption){font-size:11px;color:var(--gray)}.detail-person-header{position:relative}.detail-monogram{font:140px/.9 var(--display);letter-spacing:-.06em;color:var(--blue);display:block;padding:50px 0 15px}.detail-person-header .caption{font-size:9px}.detail-placeholder{font-size:14px;line-height:1.8;color:var(--gray);max-width:450px;margin:35px 0}.professional-fields{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0}.professional-fields>div{border-top:1px solid var(--hair);padding-top:20px}.professional-fields p{font-size:12px;white-space:pre-line}.detail-portrait{width:200px;height:250px;object-fit:cover}
@keyframes signal{to{height:40px}}@keyframes panel-slide{from{transform:translateX(100%)}to{transform:none}}@keyframes index-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@view-transition{navigation:auto}
@media(min-width:1800px){.opening-inner{max-height:1400px}.opening h1{font-size:260px;left:max(var(--margin),calc((100vw - 1700px)/2));width:1700px}.opening h1 .opening-second{margin-left:12vw}.identity-object{right:15%}.statement h2{font-size:180px}.people-composition{max-width:1700px;margin:auto}.tagarela-scene,.closing,.studio-essay,.method-scenes,.discipline-exhibition,.human-scene,.projects-cover,.projects-after,.contact-colophon{padding-left:max(var(--margin),calc((100vw - 1700px)/2));padding-right:max(var(--margin),calc((100vw - 1700px)/2))}}
@media(max-width:1100px){.opening-inner{min-height:700px}.opening h1{top:34%;font-size:15.5vw}.identity-object{top:18%;right:10%;width:26vw}.opening h1 .opening-second{margin-top:7vh;margin-left:9vw}.opening-edition{display:none}.explore-dial{margin-left:0}.product-title>p{font-size:22px}.product-performance{gap:5%}.voice-stage{min-height:380px}.voice-console .control{padding:11px;font-size:10px;gap:10px}.product-narrative h3{font-size:5.3vw}.event-parrot{height:400px}.concept-words{font-size:38px}.concept-stage{min-height:280px}.person-name{font-size:5.6vw}.people-composition{height:680px}.studio-cutout{top:40%}.closing-bottom>img{width:140px}.closing-bottom>div{width:60%}.method-line{grid-template-columns:35px 1.5fr 1fr;gap:20px}.detail-panel{width:90vw}}
@media(max-width:800px){:root{--margin:24px}.masthead{height:90px}.identity-link{width:90px;height:80px}.identity-link img{width:90px;transform:translateY(-5px)}.masthead-right{gap:22px}.quick-projects{font-size:10px}.index-toggle{font-size:11px;gap:15px}#site-index{padding:25px var(--margin)}.index-top{margin-bottom:10vh}#site-index nav a{grid-template-columns:25px 1fr 35px;gap:15px;padding:18px 0}#site-index nav a>span{font-size:12vw}#site-index nav small{font-size:8px;padding-top:5px}#site-index nav b{font-size:32px}.index-bottom{align-items:start;flex-direction:column;gap:20px;margin-top:7vh;font-size:10px}.opening-inner{height:100svh;min-height:780px;padding-top:115px}.opening-kicker{font-size:8px;max-width:220px}.opening h1{top:25%;font-size:19vw;left:var(--margin);width:calc(100% - 48px);line-height:.92}.opening h1 .opening-second{margin:12px 0 0;font-size:.79em;letter-spacing:-.065em}.identity-object{top:47%;width:40vw;right:20%;max-width:280px;transform:rotate(-12deg)}.identity-sheet.mid{transform:translate(15px,12px) rotate(6deg)}.identity-sheet.back{transform:translate(30px,20px) rotate(12deg)}.opening-bottom{bottom:30px;align-items:end}.opening-bottom>p:first-child{font-size:11px}.explore-dial{width:64px;height:64px;gap:6px}.explore-dial span{font-size:7px}.explore-dial b{font-size:22px}.opening-edge{font-size:7px;right:7px;top:55%}.statement{min-height:90svh;padding:115px var(--margin) 65px}.statement>.caption{font-size:8px;margin-bottom:40px}.statement h2{font-size:12.5vw;line-height:1.03}.statement>p:not(.caption){font-size:12px;max-width:240px;margin-top:40px}.statement-one .type-cross{font-size:220px;top:18%;right:5%;opacity:.7}.statement-window{width:40vw;right:-10%;height:70%}.statement-three .disciplines{flex-direction:column;gap:12px;margin-top:40px;font-size:8px}.statement-three .action-link{font-size:11px}.tagarela-scene{padding-top:45px;padding-bottom:70px}.product-topline{font-size:7px;gap:20px}.product-topline>span:last-child{max-width:45%;text-align:right}.product-title{display:block;margin-top:55px}.product-title h2{font-size:22vw}.product-title>p{font-size:23px;margin:30px 0 0 40%;line-height:1.1}.product-performance{grid-template-columns:1fr;gap:45px;margin-top:20px}.voice-stage{min-height:360px}.parrot{width:330px}.voice-stamp{font-size:7px;bottom:40px}.voice-signal{right:5px;bottom:20px}.voice-console{gap:7px;padding-top:20px}.voice-console .control{padding:11px 12px;font-size:10px;gap:14px}.voice-notice{font-size:8px;max-width:310px;margin:15px auto 0}.voice-feedback{font-size:9px}.product-narrative{padding:0;margin-left:15%}.product-narrative>.caption{font-size:7px;margin-bottom:25px}.product-narrative h3{font-size:12vw}.product-narrative p{font-size:12px;max-width:240px;margin-top:25px}.product-narrative .action-link{font-size:11px}.application-window{width:95%;margin-top:65px}.application-window>.caption{font-size:7px;line-height:1.5;margin-bottom:18px}.application-caption{font-size:11px;margin-top:30px}.work-invitation{min-height:95svh;padding-top:45px;padding-bottom:45px}.work-invitation>.caption{font-size:8px}.work-invitation h2{font-size:16vw;margin:100px 0 50px}.work-invitation h2>span{margin-left:9vw}.work-invitation-bottom{align-items:start;flex-direction:column;gap:35px}.work-invitation-bottom p{font-size:11px;max-width:230px}.round-link{width:120px;height:120px;margin-left:auto;gap:12px}.round-link span{font-size:8px}.round-link b{font-size:30px}.work-spine{width:50%;right:-30%}.human-scene{padding-top:45px;padding-bottom:50px}.human-scene>.caption{font-size:8px}.people-composition{height:630px}.people-center{left:4%;top:41%;font-size:14vw}.people-center>i{margin-left:7vw}.person-name{font-size:clamp(28px,6.9vw,52px);gap:10px;padding:20px 0;max-width:100%}.person-name>.caption{font-size:7px}.person-name b{font-size:20px;opacity:1;transform:none}.person-0{top:9%;left:0}.person-1{top:26%;right:0}.person-2{top:64%;left:0}.person-3{top:82%;right:0}.people-cross{font-size:80px;left:0;top:45%;opacity:.6}.human-bottom{display:block}.human-bottom p{font-size:11px;margin-bottom:25px}.human-bottom .action-link{font-size:11px}.closing{padding-top:50px;padding-bottom:45px;min-height:80svh}.closing>.caption{font-size:8px}.closing h2,.closing h1{font-size:12.8vw;line-height:1.03;margin:70px 0}.closing h2>span,.closing h1>span{margin-left:0;display:inline-block}.closing-bottom{flex-direction:column-reverse;align-items:start;gap:40px}.closing-bottom>div{width:100%;padding:0}.closing-bottom>img{width:110px}.email-link{font-size:clamp(14px,4.5vw,27px);gap:15px;padding-bottom:15px}.closing-bottom p{font-size:9px}.closing-page{padding-top:135px;min-height:100svh}.closing-page h1{font-size:12.8vw}.closing-page .copy-address{font-size:10px}.colophon{gap:12px;padding-top:20px;padding-bottom:20px;flex-wrap:wrap}.colophon p{font-size:15px;order:-1;width:100%;margin-bottom:10px}.colophon .caption{font-size:7px}.colophon a{margin-left:auto}.projects-cover{padding-top:135px;min-height:85svh}.projects-cover>.caption{font-size:8px}.projects-cover h1{font-size:12.7vw;margin-top:75px}.projects-cover-bottom{display:block}.projects-cover-bottom p{font-size:12px;margin-bottom:30px}.projects-cover-bottom .action-link{font-size:11px}.journey-nav{padding-top:45px;padding-bottom:25px;gap:15px}.journey-line{top:45px}.journey-nav b{font-size:9px;line-height:1.4}.journey-nav a{font-size:7px;padding-top:20px;line-height:1.5}.journey-event{display:flex;flex-direction:column;align-items:stretch;min-height:100svh;gap:45px;padding-top:65px;padding-bottom:90px}.event-copy>.caption{font-size:8px;margin-bottom:25px}.event-copy h2{font-size:15vw;margin-bottom:25px}.event-state{font-size:8px;margin-bottom:25px}.event-copy h3{font-size:30px;line-height:1.1}.event-copy>p:not(.caption){font-size:12px;max-width:300px}.event-copy .action-link{font-size:11px;margin-top:15px}.event-parrot{height:380px}.event-parrot>span{font-size:50px}.event-parrot .parrot{width:90%;max-width:340px;transform:translate(4%,10%) rotate(-7deg)}.event-footnote{font-size:7px;bottom:25px;right:var(--margin)}.real-app-plate{transform:rotate(3deg);width:96%;margin:30px 0}.real-app-plate>.caption{font-size:7px;gap:10px}.concept-lab{padding:20px}.concept-lab>.caption{font-size:7px}.concept-stage{min-height:310px}.concept-words{font-size:39px}.concept-controls .control{font-size:9px}.concept-lab .voice-notice{font-size:8px}.projects-after{padding-top:70px;padding-bottom:70px;min-height:70svh}.projects-after>.caption{font-size:8px}.projects-after h2{font-size:11.5vw;line-height:1.1;margin-top:70px}.projects-after .action-link{font-size:12px}.team-cover{padding-top:135px;min-height:90svh}.team-cover>.caption{font-size:8px}.team-cover h1{font-size:16vw;margin-top:120px;line-height:.97}.team-cover h1>span{margin-left:0}.team-cover>p:not(.caption){font-size:12px;margin-top:40px}.team-asterisk{font-size:200px;right:-20px;top:24%}.team-down{font-size:8px;margin-top:35px}.team-exhibition{padding-top:30px}.team-exhibition .people-composition{height:650px}.team-exhibition-note{font-size:10px;text-align:left;max-width:230px}.studio-opening{padding-top:135px;min-height:100svh}.studio-opening>.caption{font-size:8px}.studio-opening h1{font-size:12.1vw;margin-top:90px}.studio-opening h1>span{margin-left:17vw}.studio-cutout{width:37vw;right:9%;top:48%;max-width:220px}.studio-impact{font-size:9vw;margin-left:0;margin-top:65px;position:relative;z-index:2}.studio-lead{font-size:12px;max-width:220px;margin-top:65px;margin-left:0;position:relative;z-index:2}.studio-essay{grid-template-columns:1fr;gap:40px;padding-top:75px;padding-bottom:85px}.studio-essay aside{font-size:8px}.studio-essay h2{font-size:10.8vw;line-height:1.1;margin-bottom:40px}.studio-essay p{font-size:12px;max-width:270px;margin-top:25px}.method-scenes{padding-top:60px;padding-bottom:55px}.method-scenes>.caption{font-size:8px;margin-bottom:50px}.method-line{grid-template-columns:25px 1fr;gap:15px;padding:40px 0}.method-line>span{font-size:9px}.method-line h2{font-size:10.3vw}.method-line p{grid-column:2;font-size:11px;max-width:240px;margin-top:15px}.discipline-exhibition{padding-top:60px;padding-bottom:30px}.discipline-exhibition>.caption{font-size:8px}.discipline-item{min-height:70svh;padding-top:100px;padding-bottom:55px}.discipline-item h2{font-size:13vw;max-width:95%}.discipline-number{font-size:80px;top:40px;color:#d0d3da}.discipline-item>div{flex-direction:column;gap:20px;max-width:240px;margin-top:45px;font-size:12px}.contact-colophon{padding-top:65px;padding-bottom:75px}.contact-colophon>.caption{font-size:8px}.contact-colophon h2{font-size:11vw;line-height:1.1}.contact-colophon>p:not(.caption){font-size:11px;max-width:260px}.contact-colophon .action-link{font-size:10px;gap:20px}.detail-panel{width:100%}.detail-top{padding:20px var(--margin)}.detail-top>.caption{font-size:7px}.detail-close{font-size:11px;padding:8px}.detail-body{padding:35px var(--margin) 60px}.detail-body>.caption{font-size:8px}.detail-body h2{font-size:13vw;line-height:1.03}.detail-status{font-size:8px}.detail-lead{font-size:14px;line-height:1.7}.detail-body .voice-lab{padding:17px}.detail-body .voice-stage{min-height:280px}.detail-body .parrot{width:270px}.detail-body .voice-console .control{font-size:9px;padding:10px 11px;gap:8px}.detail-columns{grid-template-columns:1fr;gap:30px;margin:35px 0}.detail-columns h3,.detail-milestones h3,.professional-fields h3{font-size:25px}.detail-columns p{font-size:12px}.detail-body figcaption{font-size:8px}.detail-platforms{font-size:9px}.detail-milestones p:not(.caption){font-size:10px}.detail-monogram{font-size:100px;padding-top:35px}.detail-placeholder{font-size:12px}.professional-fields{grid-template-columns:1fr}.detail-portrait{width:160px;height:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.identity-object,.identity-sheet,.application-window img,.round-link{transform:none!important}}

@media(min-width:801px){.opening-inner{min-height:680px}}
.opening h1{letter-spacing:-.065em}.opening h1 .opening-second{letter-spacing:-.055em}
.identity-link{mix-blend-mode:multiply}.identity-link img{mix-blend-mode:normal}
@media(min-width:801px){#site-index nav a>span{font-size:clamp(45px,min(7.4vw,10vh),120px)}}
@media(max-width:800px){.journey-nav{position:sticky;top:80px;z-index:25;background:var(--black);padding-top:25px;padding-bottom:20px}.journey-line{top:25px}.journey-event{scroll-margin-top:140px}.studio-lead{max-width:190px}}
.future-project-art{min-height:400px;background:#1559f5;display:flex;align-items:center;padding:40px;overflow:hidden}.future-project-art span{font:clamp(45px,6vw,100px)/1 Space,sans-serif;letter-spacing:-.06em;color:white}
@media(max-width:800px){.opening-inner{min-height:680px}}
@media(min-width:501px) and (max-width:800px){.opening h1{font-size:15.5vw;top:23%}.opening h1 .opening-second{font-size:.81em}.identity-object{top:50%;right:20%;width:33vw;max-width:250px}}
/* The navbar uses the original raster symbol, cropped and keyed without redrawing it. */
.masthead .identity-link,.masthead.over-dark .identity-link{width:70px;height:55px;background:transparent;mix-blend-mode:normal;overflow:visible;display:flex;align-items:center}.navbar-ca{display:block;width:70px;height:auto;overflow:hidden}
@media(max-width:800px){.masthead .identity-link,.masthead.over-dark .identity-link{width:56px;height:44px}.navbar-ca{width:56px}}
.tagarela-scene .product-introduction{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:65px 0 35px}.product-ownership{font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.product-overview h2{font-size:clamp(64px,7.2vw,116px);line-height:1;letter-spacing:-.065em;margin-bottom:26px}.product-overview h2>span{color:#71916c}.product-summary{font:clamp(24px,2.6vw,40px)/1.15 var(--display);letter-spacing:-.045em;max-width:360px;margin-bottom:22px}.product-explanation{font-size:15px;line-height:1.8;max-width:410px;margin-bottom:28px}.product-overview .action-link{font-size:13px}.product-details{display:block;font-size:12px;margin-top:20px;padding:5px 0;text-decoration:underline;text-underline-offset:5px}.product-demo>.caption{font-size:10px;text-align:center}.product-demo .voice-stage{min-height:320px}.product-demo .parrot{width:320px}.product-demo .voice-stamp{display:none}.product-demo .voice-notice{font-size:10px;max-width:360px;margin-left:auto;margin-right:auto}.product-demo .voice-console .control{font-size:11px;padding:11px 13px}.product-workflow{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-top:45px;border-top:1px solid #1d322433}.product-workflow .caption{font-size:10px;margin-bottom:16px}.product-workflow h3{font:clamp(25px,3vw,42px)/1.15 var(--display);letter-spacing:-.04em;margin-bottom:16px}.product-workflow p:not(.caption){font-size:14px;line-height:1.8;max-width:360px}.product-interface{width:100%;max-width:420px;margin-left:auto;text-align:left}.product-interface img{display:block;width:100%;height:auto;box-shadow:0 15px 35px #213a2218}.product-interface>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:15px}.project-screen{display:block;width:100%;text-align:left}.project-screen img{display:block;width:100%;height:auto;border:1px solid #ffffff25;box-shadow:0 25px 70px #0006}.project-screen>.caption{display:flex;justify-content:space-between;gap:20px;font-size:9px;margin-top:20px;color:#bac0cb}
@media(max-width:800px){.tagarela-scene .product-introduction{grid-template-columns:1fr;padding-top:40px;gap:40px}.product-ownership{font-size:16px;margin-bottom:20px}.product-overview h2{font-size:clamp(58px,17vw,88px);margin-bottom:22px}.product-summary{font-size:28px;max-width:290px}.product-explanation{font-size:14px;max-width:380px}.product-demo .voice-stage{min-height:285px}.product-demo .parrot{width:280px}.product-demo .voice-console .control{font-size:10px;padding:11px 12px}.product-workflow{grid-template-columns:1fr;gap:30px;padding-top:30px}.product-workflow h3{font-size:29px}.product-workflow p:not(.caption){font-size:13px}.product-interface{max-width:420px;margin-left:0}.project-screen>.caption{font-size:8px}.journey-nav{column-gap:12px}.journey-nav a{min-width:0}.journey-nav b{font-size:9px}.journey-nav a>span:last-child{display:none}}

.journey-pinned .project-caze-resenha .event-copy h2{font-size:clamp(48px,5.2vw,88px);margin-bottom:20px}.project-caze-resenha .event-state{margin-bottom:25px}