:root{--paper:#eae7dd;--ink:#171814;--acid:#d9ff00;--blue:#2548ff;--line:#b5b4a8;--mono:Consolas,'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}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:3px solid var(--blue);outline-offset:6px}.skip{position:fixed;top:-100px;left:10px;z-index:100;padding:15px;background:var(--acid)}.skip:focus{top:10px}header{margin:0 4%;height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:44px;letter-spacing:-5px}.brand span{color:var(--blue);font-size:27px;vertical-align:top;margin:5px 0 0 8px;display:inline-block}nav{display:flex;gap:34px;font-size:13px}nav a{position:relative;padding:10px 0}nav a:after{content:'';position:absolute;height:2px;background:var(--ink);left:0;right:100%;bottom:3px;transition:right .25s}nav a:hover:after{right:0}sup{font:9px var(--mono);margin-left:5px}.motion-toggle{font:10px var(--mono);text-transform:uppercase;background:none;border:0;padding:12px}.motion-toggle span{margin-left:12px}.micro{font:10px var(--mono);letter-spacing:1.5px;line-height:1.6}.eyebrow{display:flex;justify-content:space-between;gap:20px}.hero{padding:30px 4% 0;overflow:hidden;position:relative}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px}.name-stage{position:relative;margin-top:28px;padding:24px 0 35px;isolation:isolate}.name-stage:before{content:'';position:absolute;inset:-20px -50px;background:url('assets/xerox.png') center/cover;mix-blend-mode:multiply;opacity:.12;z-index:-1;mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}h1{margin:0}.hero h1{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(65px,14vw,235px);font-weight:900;letter-spacing:-.06em;line-height:1.16;position:relative;z-index:1}.name-line{display:block;width:max-content;position:relative;max-width:100%}.name-line.second{margin-left:12%;margin-top:-.04em}.name-line:after,.name-line:before{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.name-line:before{color:var(--blue);clip-path:inset(44% 0 39%);animation:glitch 8s infinite steps(1)}.name-line:after{color:var(--paper);clip-path:inset(65% 0 30%);animation:glitch2 8s infinite steps(1)}.second:before,.second:after{animation-delay:1.1s}.hero-index{position:absolute;right:3%;top:20%;color:#6a6b60}.registration{position:absolute;font:30px var(--mono);font-weight:normal}.r1{left:1%;bottom:18%;color:var(--blue)}.r2{right:0;top:3%}.tape{position:absolute;pointer-events:none;z-index:2;clip-path:polygon(1% 8%,5% 0,18% 5%,30% 1%,45% 7%,65% 0,80% 5%,98% 0,100% 80%,96% 98%,80% 94%,62% 100%,43% 95%,20% 100%,0 92%)}.tape-acid{background:var(--acid);right:3%;bottom:10%;padding:13px 23px;font:11px var(--mono);letter-spacing:2px;transform:rotate(-5deg)}.tape-blue{background:var(--blue);width:65px;height:14px;top:45%;left:26%;transform:rotate(-8deg)}.name-scuff{position:absolute;left:1%;top:44%;width:35%;height:8px;background:var(--paper);clip-path:polygon(0 40%,30% 20%,33% 60%,60% 25%,100% 10%,96% 50%,50% 65%,20% 100%);z-index:3}.hero-intro{display:flex;align-items:center;justify-content:space-between;padding:10px 0 45px}.hero-intro p{font-size:clamp(24px,3.3vw,53px);line-height:1.18;letter-spacing:-1.7px;margin:0}.hero-intro p>span{color:#66675e}em{font-family:Georgia,serif;font-weight:normal}.hero-intro em{color:var(--ink)}.round-link{width:78px;height:78px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:34px;transition:transform .4s,background .3s}.round-link:hover{transform:rotate(-35deg);background:var(--acid)}.specialties{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.specialties p{font-size:13px;margin:0}.specialties b{color:var(--blue);margin:0 14px}.work{padding:90px 4%}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-top h2{font-size:clamp(45px,6vw,90px);line-height:1.02;letter-spacing:-4px;margin:18px 0 0}.section-top>p{font-size:15px;line-height:1.7;margin:0;color:#64655d}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 28px}.project-card{grid-column:span 6;min-width:0}.project-card:nth-child(4n+1){grid-column:span 7}.project-card:nth-child(4n+2){grid-column:span 5;margin-top:100px}.project-card:nth-child(4n+3){grid-column:span 5}.project-card:nth-child(4n+4){grid-column:span 7;margin-top:100px}.project-image{width:100%;height:clamp(260px,31vw,500px);position:relative;display:block;padding:0;border:0;overflow:hidden;background:#121411;text-align:left;color:white}.project-image video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.project-image:hover video{transform:scale(1.035)}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#0003,transparent 35%,transparent 65%,#0006);pointer-events:none}.project-image .card-index{position:absolute;left:20px;top:20px;z-index:2;font:10px var(--mono);background:#1118;padding:7px 10px;backdrop-filter:blur(5px)}.play-label{position:absolute;bottom:20px;left:20px;z-index:2;font:10px var(--mono);letter-spacing:1px}.play-icon{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:25px;z-index:2;transition:background .2s,transform .3s}.project-image:hover .play-icon{background:var(--acid);transform:rotate(-35deg)}.project-title{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-top:16px}.project-title h3{font-size:clamp(21px,2vw,30px);font-weight:500;letter-spacing:-1px;margin:0}.project-title .micro{font-size:9px;text-align:right;padding-top:5px}.card-note{font-size:12px;color:#707168;margin:8px 0}.text-link{display:flex;align-items:center;justify-content:space-between;font-size:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-top:65px}.text-link span{font:16px var(--mono)}.text-link:hover{color:var(--blue)}.about{position:relative;min-height:850px;background:#131512;color:#eeece3;isolation:isolate;overflow:hidden;display:flex;align-items:center}.about-art{position:absolute;inset:0 0 0 32%;background:url('assets/pedro.png') 70% center/cover no-repeat;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 28%)}.about-grain{position:absolute;inset:0;background:url('assets/xerox.png') center/cover;mix-blend-mode:screen;opacity:.06;z-index:-1}.about:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#131512 0%,#131512ed 27%,#13151285 49%,transparent 75%);z-index:-1}.about-copy{padding:100px 6%;width:57%}.about h2{font-size:clamp(62px,8vw,120px);line-height:.98;letter-spacing:-5px;margin:35px 0}.about h2 em{color:var(--acid)}.about-lead{font-size:23px!important;line-height:1.3!important;color:white!important}.about p{font-size:16px;line-height:1.7;color:#cecec2;max-width:430px}.about-signature{border-top:1px solid #ffffff40;margin:30px 0 22px;padding-top:22px;font-size:27px;max-width:430px}.about-signature span{color:var(--acid);float:right}footer{padding:55px 4% 24px;background:var(--acid)}.footer-intro,.footer-bottom{display:flex;justify-content:space-between;gap:20px}.archive-cta{position:relative;display:block;font-size:clamp(46px,8vw,130px);line-height:1.03;letter-spacing:-5px;margin:50px 0}.archive-cta>span{position:absolute;right:5%;bottom:0;transition:transform .4s}.archive-cta:hover>span{transform:translate(12px,-12px)}.footer-bottom{border-top:1px solid #859600;padding-top:24px;font:10px var(--mono);letter-spacing:1px}.archive-head{padding:35px 4% 0}.archive-head h1{font-size:clamp(60px,10vw,150px);letter-spacing:-6px;line-height:1.03;margin:65px 0 35px}.archive-description{display:flex;align-items:end;justify-content:space-between;gap:25px}.archive-description p{font-size:18px;line-height:1.5}.archive-work{padding-top:35px}.filters{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-bottom:40px}.filters button{border:1px solid var(--line);border-radius:30px;background:none;padding:12px 18px;font-size:12px}.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters>span{margin-left:auto}.archive-work .project-card{grid-column:span 6;margin-top:0}.project-card[hidden]{display:none}dialog{width:min(1100px,94vw);max-height:94vh;border:0;padding:25px 32px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000d;backdrop-filter:blur(9px)}.close{display:block;margin-left:auto;border:1px solid var(--ink);background:none;padding:10px 17px}.modal-head h2{font-size:35px;font-weight:500;letter-spacing:-1px;margin:12px 0 20px}dialog video{display:block;width:100%;max-height:60vh;background:#10110e}dialog p{line-height:1.6;font-size:15px}.modal-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;gap:20px}.next-project{border:0;background:none;border-bottom:1px solid;padding:8px 0}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .name-line:after,.paused .name-line:before{opacity:0!important}@keyframes glitch{0%,92%,95%,100%{opacity:0;transform:none}92.2%{opacity:1;transform:translate(6px,0)}92.6%{opacity:1;transform:translate(-4px,1px)}93%{opacity:0}94%{opacity:1;transform:translate(3px,0)}}@keyframes glitch2{0%,92%,94%,100%{opacity:0}92.3%{opacity:1;transform:translate(-7px,0)}92.9%{opacity:1;transform:translate(4px,0)}}
@media(min-width:1700px){.hero h1{font-size:13.5vw}.name-stage{padding-bottom:50px}.about{min-height:1000px}}@media(max-width:900px){header{height:80px}.motion-toggle{font-size:9px}.motion-toggle span{display:none}nav{gap:18px}.hero h1{font-size:14vw}.hero-index{font-size:8px}.hero-intro p{letter-spacing:-1px}.specialties{flex-wrap:wrap;gap:12px}.specialties>span:last-child{display:none}.specialties p{font-size:12px}.specialties b{margin:0 7px}.about-copy{width:67%;padding-left:5%}.about-art{left:22%;background-position:65% center}.about:after{background:linear-gradient(90deg,#131512 0%,#131512e8 36%,transparent 100%)}.about h2{letter-spacing:-3px}.section-top>p{font-size:12px}.project-title{display:block}.project-title .micro{text-align:left;margin-top:5px;display:block}.project-grid{gap:40px 20px}.project-card:nth-child(2n){margin-top:60px}.archive-work .project-card{margin-top:0}}
@media(max-width:600px){header{margin:0 5%;height:72px;flex-wrap:wrap}.brand{font-size:35px}.brand span{font-size:20px}nav{gap:17px;font-size:11px}.motion-toggle{position:fixed;right:12px;bottom:12px;background:var(--paper);border:1px solid var(--ink);padding:11px;z-index:35;box-shadow:0 2px 10px #0002}.hero{padding:25px 5% 0}.eyebrow{font-size:8px;letter-spacing:.5px}.eyebrow>span:last-child{max-width:110px;text-align:right}.name-stage{margin-top:25px;padding:23px 0 37px}.hero h1{font-size:14.2vw;line-height:1.23;letter-spacing:-.065em}.name-line.second{margin-left:4%;margin-top:0}.hero-index{right:2%;top:8%;font-size:6px;letter-spacing:1px}.tape-acid{font-size:7px;letter-spacing:1px;padding:8px 13px;bottom:2%;right:0}.tape-blue{width:35px;height:8px;top:46%}.r1{bottom:10%;font-size:20px}.r2{display:none}.name-scuff{height:4px;top:43%}.hero-intro{padding:22px 0 30px;gap:12px}.hero-intro p{font-size:24px;letter-spacing:-.9px;line-height:1.25}.round-link{width:46px;height:46px;font-size:24px;flex-shrink:0}.specialties{padding:18px 0}.specialties p{font-size:11px;line-height:1.8}.specialties b{margin:0 3px}.work{padding:55px 5%}.section-top{display:block;margin-bottom:25px}.section-top h2{letter-spacing:-2px;font-size:48px}.section-top>p{margin:20px 0;font-size:13px}.project-grid{display:block}.project-card,.project-card:nth-child(n),.archive-work .project-card{margin:0 0 40px}.project-image{height:auto;aspect-ratio:1.15}.project-title{display:flex}.project-title h3{font-size:23px}.project-title .micro{text-align:right;font-size:8px;max-width:130px}.text-link{font-size:17px;margin-top:15px;padding:20px 0}.text-link span{font-size:12px}.about{min-height:1100px;align-items:end}.about-art{inset:0 0 auto;height:640px;background-size:cover;background-position:center top;mask-image:linear-gradient(#000 60%,transparent 100%)}.about:after{background:linear-gradient(transparent 27%,#13151290 44%,#131512 61%)}.about-copy{width:100%;padding:430px 7% 60px}.about h2{font-size:75px;margin:25px 0}.about p{font-size:15px}.about-lead{font-size:22px!important}.about-copy>.micro{font-size:8px}.about-copy>.micro:first-child{background:#131512bb;display:inline-block;padding:6px}.about-signature{font-size:25px}footer{padding:35px 5% 70px}.footer-intro>span{font-size:8px;max-width:150px}.archive-cta{font-size:51px;letter-spacing:-2.5px;margin:40px 0}.archive-cta>span{right:0;top:0;font-size:40px}.footer-bottom{flex-wrap:wrap;font-size:8px;line-height:1.6}.archive-head{padding:25px 5% 0}.archive-head h1{font-size:64px;letter-spacing:-3px;margin:45px 0 25px}.archive-description{display:block}.archive-description p{font-size:15px}.filters{flex-wrap:wrap;gap:8px}.filters button{font-size:10px;padding:10px 12px}.filters>span{width:100%;margin:8px 0 0;font-size:9px}dialog{padding:18px;max-height:94vh}.modal-head h2{font-size:27px}.modal-bottom .micro{font-size:8px}.next-project{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.name-line:before,.name-line:after{display:none}}

.published{padding:0 4% 90px}.published-list{border-top:1px solid var(--line)}.published-list>a{display:grid;grid-template-columns:220px 1fr 50px;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.published-list>a:hover{padding-left:15px;background:#d9ff0030}.published-list h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0}.published-arrow{font-size:30px}.contact-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #859600;padding:25px 0 40px;gap:25px}.contact-row p{font-size:28px;margin:8px 0 0;letter-spacing:-1px}.contact-row>a{padding:16px 22px;border:1px solid var(--ink);border-radius:40px;font-size:14px}.contact-row>a:hover{background:var(--ink);color:var(--acid)}@media(max-width:600px){.published{padding:0 5% 55px}.published-list>a{grid-template-columns:1fr 30px;gap:10px;padding:22px 0}.published-list .micro{grid-column:1/-1;font-size:9px}.published-list h3{font-size:24px}.published-arrow{font-size:25px}.contact-row{display:block}.contact-row>a{display:inline-block;margin-top:20px;font-size:13px}.contact-row p{font-size:25px}}
/* V03 — apresentação comercial e capa em uma tela */
header{height:78px}.nav-contact{color:var(--blue)}.reading-progress{height:3px;position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;background:var(--blue);z-index:60;pointer-events:none}.hero{min-height:calc(100svh - 78px);height:calc(100svh - 78px);display:flex;flex-direction:column;padding-top:18px;padding-bottom:10px;gap:0}.name-stage{flex:1;display:flex;align-items:center;margin-top:6px;padding:8px 0 10px;min-height:0}.hero h1{font-size:min(12.4vw,17.3svh);line-height:1.12;width:100%;letter-spacing:-.06em}.name-line.second{margin-left:17%;margin-top:0}.hero-index{top:17%;right:5%}.tape-acid{bottom:5%;right:4%;padding:9px 18px}.tape-blue{top:43%}.name-scuff{top:43%}.hero-intro{padding:10px 0 12px}.hero-intro p{font-size:clamp(22px,3vw,42px);line-height:1.12}.hero-positioning{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:8px 0 18px}.hero-positioning>p{font-size:14px;line-height:1.6;max-width:400px;margin:0}.hero-positioning>div{display:flex;gap:22px;align-items:center}.primary-cta{display:inline-flex;gap:18px;background:var(--ink);color:var(--paper);padding:16px 23px;border-radius:2px;font-size:13px;transition:background .25s,transform .25s}.primary-cta:hover{background:var(--blue);transform:translateY(-2px)}.secondary-cta{font:11px var(--mono);border-bottom:1px solid;padding-bottom:6px}.specialties{padding:13px 0}.specialties .micro{font-size:8px}.hero-scroll{display:flex;justify-content:center;align-items:center;position:relative;min-height:48px;padding-top:7px}.hero-scroll .round-link{width:36px;height:36px;border:0;font-size:28px;animation:arrow-drift 2.6s infinite ease-in-out}.hero-scroll>.micro{position:absolute;right:0;font-size:8px;color:#626358}.name-char{display:inline-block;animation:letter-arrive .95s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--char)*55ms + 90ms)}.second .name-char{animation-delay:calc(var(--char)*45ms + 330ms)}.tape-acid{animation:tape-arrive 1.1s cubic-bezier(.2,.8,.2,1) both}.hero:hover .tape-blue{transform:translateX(16px) rotate(-8deg);transition:transform .5s}.services{padding:15px 4% 95px}.services .section-top h2{font-size:clamp(38px,5vw,75px)}.service-list{border-top:1px solid var(--line)}.service-list>a{display:grid;grid-template-columns:55px 1fr 180px 40px;gap:25px;border-bottom:1px solid var(--line);padding:32px 0;align-items:center;transition:padding .3s,background .3s}.service-list>a:hover{padding-left:14px;background:#d9ff0030}.service-list h3{font-size:30px;letter-spacing:-1px;font-weight:500;margin:0 0 10px}.service-list p{max-width:540px;font-size:14px;line-height:1.7;margin:0;color:#626358}.service-tags{font:10px/1.8 var(--mono);letter-spacing:1px}.service-list b{font-size:30px;font-weight:normal}.process{padding:65px 5%;border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:35px}.process-grid>div{border-top:1px solid var(--line);padding-top:20px}.process-grid span{font:10px var(--mono);color:var(--blue)}.process-grid h3{font-size:25px;letter-spacing:-.8px;font-weight:500}.process-grid p{font-size:14px;color:#626358;line-height:1.7;max-width:340px}.brief-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:90px 5%;background:#171814;color:var(--paper);position:relative;isolation:isolate}.brief-section:before{content:'';position:absolute;inset:0;background:url('assets/xerox.png') center/cover;opacity:.04;mix-blend-mode:screen;z-index:-1}.brief-heading h2{font-size:clamp(54px,6.5vw,100px);line-height:1;letter-spacing:-4px;margin:35px 0}.brief-heading h2 em{color:var(--acid)}.brief-heading p{line-height:1.7;font-size:15px;color:#cccbbf}.direct-contact{display:inline-block;border-bottom:1px solid #a8a99a;padding-bottom:8px;margin-top:20px;font-size:12px}.brief-section form{padding-top:5px}fieldset{border:0;padding:0;margin:0 0 25px}legend{font-size:15px;margin-bottom:18px}.brief-options{display:flex;gap:10px;flex-wrap:wrap}.brief-options label{position:relative;cursor:pointer}.brief-options input{position:absolute;opacity:0;width:1px;height:1px}.brief-options span{display:block;font-size:12px;padding:12px 15px;border:1px solid #5b5e51;border-radius:30px;transition:background .2s}.brief-options input:checked+span{background:var(--acid);border-color:var(--acid);color:var(--ink)}.brief-options input:focus-visible+span{outline:2px solid white;outline-offset:4px}.field{display:block;font-size:13px;margin:24px 0}.field>span{font-size:10px;color:#aaa;margin-left:8px}.field input,.field textarea{display:block;width:100%;font:15px/1.6 Arial,sans-serif;border:0;border-bottom:1px solid #5b5e51;background:transparent;color:var(--paper);padding:12px 0;resize:vertical;border-radius:0}.field input:focus,.field textarea:focus{outline:none;border-color:var(--acid)}.field input::placeholder,.field textarea::placeholder{color:#9a9d8d}.send-brief{display:flex;width:100%;justify-content:space-between;align-items:center;background:var(--acid);border:0;padding:20px;font-size:14px;text-align:left}.send-brief:hover{background:#edff83}.form-note{font-size:11px;color:#a8ab9c;line-height:1.5}.compact.archive-cta{font-size:clamp(30px,4vw,60px);letter-spacing:-2px;line-height:1.2;margin:35px 0}.compact.archive-cta em{display:block}.project-inquiry{background:var(--ink);color:var(--paper);padding:12px 17px;font-size:12px}.project-inquiry:hover{background:var(--blue)}.project-context{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:20px 0}.project-context span{font:9px var(--mono);letter-spacing:1px;color:#777}.project-context p{margin:8px 0;font-size:14px}.project-image{border-radius:1px}.project-image:hover .play-label{color:var(--acid)}.work{padding-top:75px}@keyframes letter-arrive{from{opacity:0;transform:translate3d(20px,45px,0) rotate(3deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes arrow-drift{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}@keyframes tape-arrive{from{opacity:0;transform:translate(60px,10px) rotate(-12deg)}to{opacity:1;transform:rotate(-5deg)}}
@media(max-width:1100px){.hero-positioning>div{gap:14px}.secondary-cta{display:none}.hero-positioning>p{font-size:12px;max-width:340px}.hero h1{font-size:min(13vw,16.5svh)}.service-list>a{grid-template-columns:35px 1fr 140px 30px;gap:16px}.service-list h3{font-size:26px}.specialties p{font-size:11px}.specialties b{margin:0 6px}.specialties .micro:last-child{display:none}.process-grid{gap:25px}.brief-section{gap:5%}}@media(max-height:740px) and (min-width:701px){.hero{padding-top:10px}.hero h1{font-size:min(12vw,15svh)}.hero-intro p{font-size:27px}.hero-positioning{padding-bottom:10px}.hero-positioning>p{font-size:12px}.primary-cta{padding:12px 18px}.specialties{padding:8px 0}.tape-acid{font-size:8px;padding:7px 10px}.name-stage{padding:0}.hero-scroll{min-height:35px}.hero-index{font-size:8px}}
@media(max-width:700px){header{height:70px}nav{gap:15px;font-size:11px}nav a:nth-child(2){display:none}.hero{height:calc(100svh - 70px);min-height:620px;padding-top:17px}.hero h1{font-size:min(14vw,15svh);line-height:1.2}.name-line.second{margin-left:3%}.name-stage{padding:5px 0 28px;flex:1}.hero-intro{padding:14px 0 8px}.hero-intro p{font-size:clamp(23px,4.7vw,31px);line-height:1.16}.hero-positioning{display:block;padding:6px 0 18px}.hero-positioning>p{font-size:13px;max-width:350px;line-height:1.5}.hero-positioning>div{margin-top:17px}.primary-cta{font-size:12px;padding:14px 18px}.specialties{gap:5px;padding:10px 0}.specialties>.micro{display:none}.specialties p{font-size:10px;line-height:1.6}.specialties b{margin:0 4px}.hero-scroll{min-height:42px}.hero-scroll>.micro{font-size:6px}.hero-index{font-size:6px;top:12%}.tape-acid{padding:8px 12px;font-size:7px;bottom:1%}.services{padding:0 5% 55px}.services .section-top h2{font-size:41px}.service-list>a{grid-template-columns:25px 1fr 25px;gap:10px;align-items:start;padding:25px 0}.service-tags{display:none}.service-list h3{font-size:24px}.service-list p{font-size:13px}.service-list b{font-size:23px}.process{padding:45px 5%}.process-grid{grid-template-columns:1fr;gap:25px}.process-grid h3{font-size:25px;margin:15px 0 10px}.process-grid p{max-width:none;margin:0}.brief-section{grid-template-columns:1fr;padding:60px 6%;gap:45px}.brief-heading h2{font-size:67px;letter-spacing:-3px}.brief-heading p{font-size:14px}.brief-options span{font-size:11px;padding:11px 12px}.brief-options{gap:8px}.field{font-size:12px}.compact.archive-cta{font-size:36px}.project-context{grid-template-columns:1fr;gap:8px}.project-inquiry{font-size:11px;padding:11px}.modal-bottom{gap:10px}.next-project{font-size:11px}}@media(max-width:700px) and (max-height:730px){.hero{min-height:calc(100svh - 70px)}.hero h1{font-size:min(13.5vw,12.8svh)}.hero-intro p{font-size:22px}.hero-positioning>p{font-size:11px}.hero-positioning>div{margin-top:10px}.hero-positioning{padding-bottom:8px}.primary-cta{padding:11px 14px}.hero-scroll{min-height:30px}.hero-scroll .round-link{font-size:23px;height:29px}.specialties p{font-size:8px}.tape-acid{font-size:6px;padding:6px 8px}.name-stage{padding-bottom:17px}.hero .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.name-char,.tape-acid{animation:none!important;opacity:1!important;filter:none!important}.hero-scroll .round-link{animation:none!important}.reading-progress{transition:none!important}}
.paused .name-char{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.paused .tape-acid{animation:none!important;opacity:1!important;transform:rotate(-5deg)!important}
/* V04 — pôster tipográfico e três campanhas em destaque */
.name-stage{isolation:isolate;position:relative;display:flex;align-items:center;padding:0 0 14px}.hero h1{font-size:min(15.4vw,19.8svh);line-height:1.12;letter-spacing:-.065em;z-index:3;position:relative}.name-line.first{transform:scaleX(1.52);transform-origin:left center;margin-left:0}.name-line.second{transform:scaleX(1.48);transform-origin:left center;margin-left:4%;margin-top:.025em}.name-line:after{color:var(--blue);mix-blend-mode:multiply;clip-path:inset(67% 0 27%)}.name-paper{position:absolute;left:1%;right:-1%;top:51%;height:38%;background:var(--acid);transform:rotate(-2deg);z-index:0;clip-path:polygon(0 8%,5% 4%,13% 8%,22% 2%,31% 5%,42% 1%,53% 6%,63% 2%,73% 5%,87% 0,100% 6%,99% 88%,91% 96%,78% 92%,65% 100%,51% 94%,38% 99%,26% 92%,14% 98%,2% 91%);box-shadow:0 8px 0 #1112;animation:paper-enter .95s .15s cubic-bezier(.2,.8,.2,1) both}.name-paper:after{content:'';position:absolute;inset:0;background:url('assets/xerox.png') 30% 60%/cover;mix-blend-mode:multiply;opacity:.38}.hero-seal{position:absolute;right:6%;top:12%;width:108px;height:108px;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);z-index:4}.hero-seal span{font:8px var(--mono);letter-spacing:2px}.hero-seal b{font-weight:400;font-size:45px;line-height:1.2;color:var(--blue)}.art-caption{position:absolute;right:1%;bottom:1%;font-size:8px;text-align:right;z-index:4}.registration.r1{left:0;bottom:5%;z-index:4}.name-stage:before{opacity:.18}.hero-intro{padding-top:8px;padding-bottom:8px}.hero-intro p{font-size:clamp(23px,2.7vw,39px)}.hero-positioning{padding-bottom:12px}.work{padding-top:42px}.section-top{margin-bottom:32px}.featured-project:nth-child(n){grid-column:1/-1;margin-top:0;display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:35px;align-items:start}.featured-project .project-image{height:auto;aspect-ratio:16/9;grid-column:1;grid-row:1/4}.featured-project .project-image video{object-fit:contain}.featured-project .project-title{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:15px;margin-top:10px;border-top:1px solid var(--ink);padding-top:20px}.featured-project .project-title h3{font-size:clamp(29px,3vw,48px);line-height:1.04;letter-spacing:-1.5px}.featured-project .project-title .micro{text-align:left;font-size:10px}.featured-project .card-note{grid-column:2;grid-row:2;font-size:14px;line-height:1.7;margin-top:24px;max-width:230px}.featured-project:nth-child(2) .project-image{grid-column:2}.featured-project:nth-child(2){grid-template-columns:260px minmax(0,1fr)}.featured-project:nth-child(2) .project-title,.featured-project:nth-child(2) .card-note{grid-column:1}.project-grid:has(.featured-project){row-gap:55px}.featured-project .play-icon{height:64px;width:64px;font-size:30px}.featured-project .play-label{font-size:11px}.featured-project .card-index{background:#111b}.hero-scroll{min-height:39px}.hero-scroll .round-link{height:30px}.paused .name-paper{animation:none!important;transform:rotate(-2deg);opacity:1}@keyframes paper-enter{from{opacity:0;transform:translateX(120px) rotate(-6deg) scaleX(.85)}to{opacity:1;transform:rotate(-2deg) scaleX(1)}}
@media(max-width:1100px){.hero h1{font-size:min(15.1vw,18.8svh)}.name-line.first{transform:scaleX(1.4)}.name-line.second{transform:scaleX(1.35);margin-left:3%}.hero-seal{width:85px;height:85px;right:2%;top:10%}.hero-seal b{font-size:33px}.hero-seal span{font-size:6px}.featured-project:nth-child(n){grid-template-columns:minmax(0,1fr) 200px;column-gap:22px}.featured-project:nth-child(2){grid-template-columns:200px minmax(0,1fr)}.featured-project .project-title h3{font-size:30px}.featured-project .card-note{font-size:12px}}@media(max-width:700px){.hero h1{font-size:min(15.3vw,13.8svh);line-height:1.16}.name-line.first{transform:scaleX(1.25)}.name-line.second{transform:scaleX(1.16);margin-left:0}.name-paper{top:46%;height:29%;left:-3%;right:-3%;transform:rotate(-3deg)}.hero-seal{width:58px;height:58px;top:9%;right:1%}.hero-seal span{font-size:4px;letter-spacing:1px}.hero-seal b{font-size:23px}.name-stage{padding-bottom:8px}.art-caption{bottom:6%;font-size:6px}.registration.r1{bottom:6%}.hero-intro p{font-size:24px}.work{padding-top:30px}.featured-project:nth-child(n){display:block;margin:0 0 38px}.featured-project .project-title{display:flex;flex-direction:row;justify-content:space-between;padding-top:15px;margin-top:12px;gap:18px}.featured-project .project-title h3{font-size:27px;max-width:70%}.featured-project .project-title .micro{text-align:right;font-size:8px;max-width:110px}.featured-project .card-note{max-width:none;margin-top:10px}.featured-project .project-image{aspect-ratio:16/9}.featured-project .play-icon{width:42px;height:42px;font-size:23px;right:12px;bottom:12px}.featured-project .play-label{font-size:8px;left:12px;bottom:15px}.featured-project .card-index{font-size:8px;left:12px;top:12px}.hero-scroll{min-height:35px}}@media(max-width:700px) and (max-height:730px){.hero h1{font-size:min(15vw,13svh)}.hero-seal{display:none}.hero-intro p{font-size:22px}.art-caption{font-size:5px}}@media(prefers-reduced-motion:reduce){.name-paper{animation:none!important}}

/* V05 — direção aprovada: tinta, papel e azul */
body[data-page="home"]{--paper:#f1e9db;--ink:#10110f}
.hero .name-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:0;padding:15px 0 8px;perspective:1000px}
.hero .name-stage:before{inset:0 -4vw;opacity:.1;animation:grain-cycle 2.8s steps(1,end) infinite}
.hero h1{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-weight:900;font-size:min(19.5vw,25svh);letter-spacing:-.035em;line-height:.93;z-index:2;width:100%;padding:0 8%;}
.hero .name-line.first,.hero .name-line.second{transform:none;margin:0;max-width:none;width:max-content}
.hero .name-line.first{letter-spacing:.012em}
.hero .name-line.second{margin-top:.07em;font-size:.84em}
.hero .name-char{animation:ink-enter 1050ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(100ms + var(--char)*42ms);transform-origin:50% 90%}
.hero .second .name-char{animation-delay:calc(390ms + var(--char)*38ms)}
.hero .name-line{background-image:url('assets/xerox.png');background-size:150% 260%;background-blend-mode:screen}
.hero .name-line:after{content:'';inset:0;background:url('assets/xerox.png') 0 0/180% 300%;mix-blend-mode:screen;opacity:.17;clip-path:none;animation:grain-cycle 2.8s steps(1,end) infinite;pointer-events:none}
.hero .name-line:before{animation-duration:9s;animation-delay:2s}
.paper-piece{position:absolute;inset:-4% -4.4%;z-index:3;pointer-events:none;background:url('assets/hero-collage-v05.png') center/100% 100% no-repeat;transform-origin:center;}
.paper-left{clip-path:polygon(0 32%,34% 32%,34% 100%,0 100%);animation:tear-left 1350ms 650ms cubic-bezier(.22,.8,.22,1) both}
.paper-right{clip-path:polygon(66% 0,100% 0,100% 65%,66% 65%);animation:tear-right 1350ms 920ms cubic-bezier(.22,.8,.22,1) both}
.paper-foil{clip-path:polygon(30% 0,66% 0,66% 65%,100% 65%,100% 100%,34% 100%,34% 32%,30% 32%);animation:foil-enter 1100ms 1300ms cubic-bezier(.16,1,.3,1) both}
.replay-hero{position:absolute;right:0;bottom:0;z-index:5;background:transparent;border:0;border-bottom:1px solid #1115;padding:8px;font:9px var(--mono);letter-spacing:1px}
.hero-positioning>p{display:none}.hero-positioning{position:absolute;right:4%;bottom:110px}.hero-intro p{font-size:clamp(23px,2.2vw,37px)}.hero-intro{padding:12px 0 14px}.hero-positioning .secondary-cta{display:none}
@keyframes ink-enter{0%{opacity:0;transform:translate3d(0,65px,-80px) rotateX(-18deg);filter:blur(7px)}18%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes grain-cycle{0%,100%{background-position:0% 0%;background-size:180% 300%}20%{background-position:75% 35%;background-size:220% 270%}40%{background-position:20% 90%;background-size:170% 320%}60%{background-position:100% 65%;background-size:230% 280%}80%{background-position:45% 15%;background-size:190% 350%}}
@keyframes tear-left{0%{clip-path:polygon(0 40%,0 40%,0 100%,0 100%);transform:translateX(-24px) rotate(-4deg)}55%{clip-path:polygon(0 32%,22% 35%,18% 44%,26% 52%,21% 64%,28% 75%,22% 88%,30% 100%,0 100%)}100%{clip-path:polygon(0 32%,34% 32%,34% 100%,0 100%);transform:none}}
@keyframes tear-right{0%{clip-path:polygon(100% 0,100% 0,100% 65%,100% 65%);transform:translate(20px,-12px) rotate(3deg)}55%{clip-path:polygon(78% 0,100% 0,100% 65%,79% 65%,83% 52%,75% 43%,82% 30%,77% 18%)}100%{clip-path:polygon(66% 0,100% 0,100% 65%,66% 65%);transform:none}}
@keyframes foil-enter{from{opacity:0;transform:translateY(25px) rotate(-3deg)}to{opacity:1;transform:none}}
.paused .paper-piece,.paused .hero .name-line:after,.paused .hero .name-stage:before{animation:none!important}.paused .paper-piece{opacity:1;transform:none}
@media(max-width:700px){.hero h1{font-size:min(23vw,22svh);padding:0 3%;line-height:1}.hero .name-line.second{font-size:.82em}.hero .name-stage{padding:0}.paper-piece{inset:0 -5%;background-size:100% 90%}.hero-positioning{position:static;padding:0 0 12px}.hero-positioning>div{margin:0}.hero-intro{padding:10px 0 14px}.hero-intro p{font-size:25px}.replay-hero{font-size:8px;bottom:4%}.hero{min-height:calc(100svh - 70px)}}
@media(prefers-reduced-motion:reduce){.hero .name-char,.paper-piece,.hero .name-line:after,.hero .name-stage:before{animation:none!important;opacity:1;transform:none;filter:none}}
/* Acabamento: textura recortada na tinta, sem placas atrás das letras. */
.hero .name-line{background:none}.hero .name-line:after{display:none}
.hero .name-char{color:transparent;background:#10110f url('assets/xerox.png') center/500% 450%;background-blend-mode:multiply;background-clip:text;-webkit-background-clip:text}
.hero .name-line.first,.hero .name-line.second{transform:scaleX(1.45);transform-origin:left center}
.hero h1{font-size:min(22vw,25svh)}
.hero .name-stage:before{opacity:.045}
.paper-piece{background-size:100% 100%;inset:10% -4.4% 0}
@media(max-width:700px){.hero h1{font-size:min(24vw,21svh);padding:0 5%}.hero .name-line.first,.hero .name-line.second{transform:scaleX(1.13)}.paper-piece{inset:15% -5% 5%}}
.hero .name-char{color:#10110f;background:none;-webkit-text-fill-color:#10110f}
.paper-left,.paper-right{z-index:1;opacity:.95}
.hero h1{padding-left:12%;font-size:min(23vw,25svh)}
.hero .name-line.first,.hero .name-line.second{transform:scaleX(1.55)}
.hero .name-line:after{display:block;content:attr(data-text);background:url('assets/xerox.png') center/180% 300%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;mix-blend-mode:screen;opacity:.13;animation:grain-cycle 2.8s steps(1,end) infinite;}
@media(max-width:700px){.hero h1{font-size:min(24vw,21svh);padding-left:6%}.hero .name-line.first,.hero .name-line.second{transform:scaleX(1.16)}.paper-left,.paper-right{opacity:.7}}

/* V06: arte aprovada original, sem reconstrução tipográfica. */
body[data-page="home"]>header{height:0;margin:0;border:0;padding:0;overflow:visible}
body[data-page="home"]>header .brand,body[data-page="home"]>header nav{display:none}
body[data-page="home"]>header .motion-toggle{position:fixed;right:15px;bottom:15px;z-index:50;background:#f1e9dbea;border:1px solid #1114;font-size:8px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero.approved-hero{height:100svh;min-height:0;padding:0;display:grid;place-items:center;background:#f1e9db;overflow:hidden}
.approved-hero .approved-canvas{position:relative;display:block;flex:none;width:min(100vw,177.68svh);aspect-ratio:1672/941;margin:0;padding:0;min-height:0;isolation:isolate;perspective:none}
.approved-hero .approved-canvas:before{display:none}
.approved-art{display:block;width:100%;height:auto;animation:approved-arrive 1.1s cubic-bezier(.16,1,.3,1) both}
.art-link{position:absolute;z-index:4;display:block;border-radius:2px}.art-link:hover{outline:1px solid #2548ff80;outline-offset:4px}.art-home{left:3%;top:2%;width:5%;height:6%}.art-work{left:69%;top:2%;width:10%;height:6%}.art-about{left:81%;top:2%;width:6%;height:6%}.art-contact{left:89%;top:2%;width:8%;height:6%}.art-cta{left:3%;top:91%;width:16%;height:6%}.art-down{left:47%;top:90%;width:6%;height:9%}
@keyframes approved-arrive{from{opacity:0;transform:translateY(18px) scale(1.015)}to{opacity:1;transform:none}}
.paused .approved-art{animation:none}
@media(max-width:700px){.hero.approved-hero{height:auto;min-height:0;padding:0}.approved-hero .approved-canvas{width:100%;margin:0;aspect-ratio:1672/941}.art-link{min-height:22px}.work{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.approved-art{animation:none}}

/* V07: camada de papel contínua e máscaras da arte original. */
body[data-page="home"]{background:#f2e5d0 url('assets/papel-continuo.png') center top/1100px auto repeat}
.hero.approved-hero{background:transparent}
.approved-hero .approved-canvas{background:url('assets/papel-continuo.png') center/cover;mask-image:linear-gradient(90deg,transparent,#000 1.5%,#000 98.5%,transparent)}
.layered-art{display:block;width:100%;height:auto;overflow:visible}
.art-layer{transform-box:view-box;transform-origin:center;animation:layer-reveal 1s cubic-bezier(.16,1,.3,1) both}
.layer-pedro{animation-delay:.08s}.layer-eugenio{animation-delay:.32s}.layer-paper-left{animation-name:left-unfold;animation-duration:1.35s;animation-delay:.65s}.layer-paper-right{animation-name:right-unfold;animation-duration:1.4s;animation-delay:.85s}.layer-foil-top{animation-delay:1.05s}.layer-foil-bottom{animation-delay:1.2s}
@keyframes layer-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes left-unfold{from{opacity:0;clip-path:inset(0 100% 0 0)}15%{opacity:1}to{opacity:1;clip-path:inset(0)}}
@keyframes right-unfold{from{opacity:0;clip-path:inset(0 0 0 100%)}15%{opacity:1}to{opacity:1;clip-path:inset(0)}}
.replay-layers{position:absolute;right:3%;bottom:3%;z-index:5;border:0;background:#f1e9dbb0;font:9px var(--mono);padding:5px;transform:translateY(150%)}
.paused .art-layer{animation:none!important;opacity:1;transform:none;clip-path:none}
@media(prefers-reduced-motion:reduce){.art-layer{animation:none!important}}
@media(max-width:700px){.replay-layers{font-size:7px;bottom:0;transform:none}}

.settled-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;animation:settle-original .12s 2.5s both}@keyframes settle-original{from{opacity:0}to{opacity:1}}.paused .settled-art{animation:none;opacity:1}@media(prefers-reduced-motion:reduce){.settled-art{animation:none;opacity:1}}

/* V08: camadas independentes e interface HTML. */
body[data-page="home"]{background:#eae7dd;--paper:#eae7dd}
.live-hero{height:100svh;display:grid;place-items:center;background:#f2e5d0 url('assets/papel-continuo.png') center/1100px auto;overflow:hidden}
.live-canvas{width:min(100vw,177.68svh);aspect-ratio:1672/941;position:relative;container-type:inline-size;isolation:isolate}
.live-top{position:absolute;inset:2% 3.3% auto;display:flex;align-items:center;justify-content:space-between;z-index:5}
.live-brand{font-size:3.25cqw;font-weight:900;letter-spacing:-.25cqw;line-height:1}.live-top nav{display:flex;gap:3.5cqw;font-size:1.25cqw;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.live-top nav a{padding:6px 0;transition:color .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.live-top nav a:hover{color:#2548ff;transform:translateY(-3px)}
.live-eyebrow{position:absolute;top:9%;left:3.3%;font-size:1.3cqw;font-weight:700;letter-spacing:.06em;margin:0;z-index:4}
.live-type,.live-collage{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.live-type{z-index:1;overflow:visible}.live-collage{z-index:2;object-fit:contain}
.word-motion{transform-origin:50% 50%;animation:word-arrive 1.25s cubic-bezier(.16,1,.3,1) both}.word-pedro{animation-delay:.12s}.word-eugenio{animation-delay:.38s}
@keyframes word-arrive{0%{opacity:0;transform:translateY(65px)}12%{opacity:1}100%{opacity:1;transform:translateY(0)}}
.ink-grain{opacity:0;animation:ink-texture 2.5s steps(1,end) infinite}.grain-0{animation-delay:0s}.grain-1{animation-delay:-.5s}.grain-2{animation-delay:-1s}.grain-3{animation-delay:-1.5s}.grain-4{animation-delay:-2s}@keyframes ink-texture{0%,19.99%{opacity:.8}20%,100%{opacity:0}}
.live-copy{position:absolute;left:3.3%;top:82%;z-index:5}.live-copy p{font-size:2.15cqw;line-height:1.05;letter-spacing:-.06cqw;margin:0 0 1.25cqw}.live-cta{display:inline-flex;gap:12px;background:#111;color:#fff;padding:.45cqw 1cqw;font-size:1.25cqw;position:relative;overflow:hidden;isolation:isolate}.live-cta:before{content:'';position:absolute;inset:0;background:#2548ff;transform:translateY(105%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:-1}.live-cta:hover:before{transform:none}.live-cta span:last-child{transition:transform .35s}.live-cta:hover span:last-child{transform:translate(3px,-3px)}
.live-down{position:absolute;left:48%;bottom:2%;width:4%;height:7%;z-index:5;display:grid;place-items:center}.live-down svg{width:45%;height:85%;fill:none;stroke:#111;stroke-width:1.8;transition:transform .5s cubic-bezier(.16,1,.3,1)}.live-down:hover svg{transform:translateY(8px);stroke:#2548ff}
.live-disciplines{position:absolute;right:3.3%;bottom:4%;font-size:1.2cqw;font-weight:700;letter-spacing:.08em;margin:0;z-index:4}.live-replay{position:absolute;right:3.3%;bottom:1%;font:8px var(--mono);border:0;background:none;z-index:5}
.paused .word-motion{animation:none!important;opacity:1;transform:none}.paused .ink-grain{animation-play-state:paused!important}
@media(max-width:700px){.live-hero{height:auto;min-height:0;padding-bottom:8px}.live-canvas{width:100%;}.live-top nav{gap:3cqw;font-size:2cqw}.live-brand{font-size:4cqw}.live-eyebrow{font-size:1.65cqw}.live-copy p{font-size:2.7cqw}.live-cta{font-size:2cqw;padding:1cqw 1.5cqw}.live-replay{font-size:6px;bottom:0}.live-disciplines{font-size:1.4cqw}.live-down{min-width:30px;min-height:30px}.live-top nav a:nth-child(2){display:block}}
@media(prefers-reduced-motion:reduce){.word-motion{animation:none;opacity:1;transform:none}.ink-grain{animation:none;opacity:0}.grain-0{opacity:.8}.live-cta:before,.live-down svg,.live-top nav a{transition:none}}

/* V09 — desgaste orgânico, letras independentes e azul */
:root{--acid:#2548ff}
.letter-motion{transform-box:view-box;transform-origin:center;animation:letter-v09 1.05s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay)}
@keyframes letter-v09{from{opacity:0;transform:translateY(58px)}14%{opacity:1}to{opacity:1;transform:none}}
.ink-grain{mix-blend-mode:screen;animation-duration:3.5s}.grain-0{animation-delay:0s}.grain-1{animation-delay:-.7s}.grain-2{animation-delay:-1.4s}.grain-3{animation-delay:-2.1s}.grain-4{animation-delay:-2.8s}
@keyframes ink-texture{0%,19.99%{opacity:.82}20%,100%{opacity:0}}
.live-cta{padding-bottom:.8cqw;min-width:15cqw;overflow:visible}.live-cta:before{display:none}.live-cta{transition:background .3s}.live-cta:hover,.live-cta:focus-visible{background:#2548ff}.cta-drawing{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#fff;stroke-width:1.3}.cta-stroke{stroke-dasharray:230;stroke-dashoffset:230}.cta-node{opacity:0;fill:#2548ff}.cta-pen{opacity:0;fill:#f1e9db;stroke:#111;offset-path:path('M12 38C62 44 116 30 170 38S214 40 226 30');offset-rotate:0deg;offset-distance:0%}
.live-cta:is(:hover,:focus-visible) .cta-stroke{animation:draw-line .95s cubic-bezier(.4,0,.2,1) forwards}.live-cta:is(:hover,:focus-visible) .cta-pen{animation:draw-pen .95s cubic-bezier(.4,0,.2,1) forwards}.live-cta:is(:hover,:focus-visible) .cta-node{animation:draw-nodes .95s both}
@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes draw-pen{0%{opacity:1;offset-distance:0%}85%{opacity:1}100%{opacity:0;offset-distance:100%}}@keyframes draw-nodes{0%{opacity:0}10%,100%{opacity:1}}
footer{background:#2548ff;color:#fff}footer .footer-bottom,footer .contact-row,footer .archive-cta{border-color:#ffffff60}.send-brief{color:#fff}.brief-options input:checked+span{color:#fff}.project-image:hover .play-icon{color:#fff}.about h2 em,.about-signature span{color:#7f97ff}
.paused .letter-motion{animation:none!important;opacity:1;transform:none}.paused .cta-drawing *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.letter-motion{animation:none!important;opacity:1;transform:none}.cta-drawing{display:none}}
.ink-grain{filter:brightness(1.65)}.send-brief:hover{background:#1735dc;color:#fff}.filters button.active{color:#fff}

/* V10 — ferramentas de animação e seleção mais compacta */
.cta-pen{fill:none;stroke:none}.cta-drawing{overflow:visible}.live-cta{padding-right:2.2cqw}
.motion-tools{position:absolute;inset:0;pointer-events:none;z-index:3}.tool-float{position:absolute;fill:#f2e8d7;stroke:#2548ff;stroke-width:1.8;overflow:visible;filter:drop-shadow(0 2px 1px #1111);animation:tool-drift 7s ease-in-out infinite alternate}.tool-float .handle{fill:none;stroke-width:1;opacity:.65}.tool-float .curve{fill:none;stroke-width:2}.tool-curve{width:7.5%;left:10%;top:17%;transform:rotate(-14deg)}.tool-keyframes{width:6.5%;right:5%;top:65%;animation-delay:-2.5s;animation-duration:8.5s}.tool-pointer{width:3.4%;right:11%;top:13%;animation-delay:-4s;animation-duration:6.5s}
@keyframes tool-drift{from{translate:0 -5px;rotate:-6deg}to{translate:5px 9px;rotate:5deg}}
.paused .tool-float{animation-play-state:paused!important}
.work{padding-top:30px;scroll-margin-top:0}.work .section-top{margin-bottom:24px}.work .section-top h2{font-size:clamp(40px,4.2vw,64px);line-height:1.02;margin-top:10px;letter-spacing:-2.5px}.work .section-top>p{font-size:13px}
.work .featured-project:nth-child(n){grid-template-columns:minmax(0,min(66vw,calc((100svh - 245px)*1.7778))) minmax(180px,240px);justify-content:center;column-gap:28px;grid-template-rows:auto auto 1fr}
.work .featured-project:nth-child(2){grid-template-columns:minmax(180px,240px) minmax(0,min(66vw,calc((100svh - 245px)*1.7778)))}
.work .featured-project .project-title h3{font-size:clamp(26px,2.5vw,37px)}.work .featured-project .project-title{padding-top:14px;margin-top:0}.work .featured-project .card-note{margin-top:14px;font-size:13px}.work .project-grid{row-gap:44px}
@media(max-width:700px){.tool-curve{width:9%;left:8%;top:18%}.tool-keyframes{width:8%;right:2%;top:66%}.tool-pointer{width:4%;right:10%;top:14%}.work .featured-project:nth-child(n){display:block}.work .section-top h2{font-size:42px}.work .section-top{margin-bottom:20px}.work .section-top>p{margin:12px 0}.work .featured-project .project-title{margin-top:14px}.work{padding-top:26px}.live-cta{padding-right:3cqw}}
@media(prefers-reduced-motion:reduce){.tool-float{animation:none!important}}

/* V11 — navegação pequena, expansão letra por letra */
.live-top nav a{perspective:450px;transform:none!important;min-height:32px;display:inline-flex;align-items:center;justify-content:center;overflow:visible}
.live-top nav a:after{display:none}
.live-top nav .nav-word{display:inline-block;font-weight:700;transform:scale(.58);transform-origin:center;transition:transform .42s cubic-bezier(.16,1,.3,1)}
.live-top nav .nav-letter{display:inline-block;color:#171814;transform:translateZ(0);transition:color .22s,transform .42s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--letter)*18ms)}
.live-top nav a:is(:hover,:focus-visible) .nav-word{transform:scale(1)}
.live-top nav a:is(:hover,:focus-visible) .nav-letter{color:#2548ff;animation:nav-letter-forward .48s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--letter)*28ms)}
@keyframes nav-letter-forward{0%{transform:translate3d(0,2px,-28px);font-weight:400}65%{transform:translate3d(0,-1px,8px);font-weight:800}100%{transform:translate3d(0,0,0);font-weight:800}}
@media(hover:none){.live-top nav .nav-word{transform:scale(.85)}}
@media(prefers-reduced-motion:reduce){.live-top nav .nav-word,.live-top nav .nav-letter{transition:none!important;animation:none!important}}
.paused .live-top nav .nav-letter{animation:none!important}
.live-top nav a{width:10ch;flex:none}.live-top nav .nav-letter{font-weight:400}
/* V12 — palavras indivisíveis, espaço suficiente durante o hover */
.live-top nav{flex-wrap:nowrap;align-items:center;gap:clamp(12px,2.4cqw,40px)}
.live-top nav a{width:auto;min-width:0;flex:0 0 auto;white-space:nowrap;padding-inline:.45em}
.live-top nav .nav-word{display:inline-flex;flex-wrap:nowrap;white-space:nowrap;line-height:1.2}
.live-top nav .nav-letter{flex:0 0 auto;white-space:pre;width:.82em;text-align:center;letter-spacing:0}
@media(max-width:700px){.live-top nav{gap:2cqw}.live-top nav a{padding-inline:.2em}}

/* V13 — faixa sólida inclinada, recortada somente nas letras */
.live-top nav .nav-word{position:relative;isolation:isolate}
.live-top nav .nav-word:after{content:'';position:absolute;inset:-25% auto -25% 0;width:16%;background:#dce8ff;mix-blend-mode:screen;pointer-events:none;opacity:0;transform:translateX(850%) rotate(30deg);clip-path:none}
.live-top nav a:is(:hover,:focus-visible) .nav-word:after{animation:nav-shine .65s var(--shine-delay,1.7s) cubic-bezier(.4,0,.2,1) both}
@keyframes nav-shine{0%{opacity:1;left:120%;transform:rotate(30deg)}99%{opacity:1}100%{opacity:0;left:-35%;transform:rotate(30deg)}}
@media(prefers-reduced-motion:reduce){.live-top nav .nav-word:after{display:none}}
.paused .live-top nav .nav-word:after{animation:none!important}

.live-top nav .nav-word:after{display:none}
.live-top nav .nav-shine{position:absolute;inset:0;display:flex;pointer-events:none;color:#dce8ff;font-weight:800;clip-path:polygon(120% 0,calc(120% + 18px) 0,calc(120% + 6px) 100%,calc(120% - 12px) 100%)}
.live-top nav .nav-shine>span{flex:0 0 auto;width:.82em;text-align:center;letter-spacing:0}
.live-top nav a:is(:hover,:focus-visible) .nav-shine{animation:nav-solid-sweep .7s var(--shine-delay,1.7s) cubic-bezier(.4,0,.2,1) both}
@keyframes nav-solid-sweep{from{clip-path:polygon(120% 0,calc(120% + 18px) 0,calc(120% + 6px) 100%,calc(120% - 12px) 100%)}to{clip-path:polygon(-35% 0,calc(-35% + 18px) 0,calc(-35% + 6px) 100%,calc(-35% - 12px) 100%)}}
.paused .nav-shine{display:none!important}@media(prefers-reduced-motion:reduce){.nav-shine{display:none!important}}

/* Brilho acompanha o fim da cascata e atravessa com mais calma. */
.live-top nav a:is(:hover,:focus-visible) .nav-shine{animation-duration:1.2s}

/* Menu: rebote curto sem interpolação de peso da fonte. */
.live-top nav .nav-word{transition:transform .52s cubic-bezier(.22,1,.36,1)}
.live-top nav a:is(:hover,:focus-visible) .nav-letter{font-weight:800;animation:nav-letter-bounce .62s both;animation-delay:calc(var(--letter)*28ms);backface-visibility:hidden}
@keyframes nav-letter-bounce{
 0%{transform:translate3d(0,2px,0) scale(.94);animation-timing-function:cubic-bezier(.16,1,.3,1)}
 58%{transform:translate3d(0,-1px,0) scale(1.075);animation-timing-function:cubic-bezier(.4,0,.6,1)}
 80%{transform:translate3d(0,.35px,0) scale(.985);animation-timing-function:cubic-bezier(.22,1,.36,1)}
 100%{transform:translate3d(0,0,0) scale(1)}
}
@media(prefers-reduced-motion:reduce){.live-top nav a:is(:hover,:focus-visible) .nav-letter{animation:none!important}}

/* Reflexo de quatro pontas na saída esquerda da faixa de brilho. */
.live-top nav .nav-word:before{
 content:'';position:absolute;left:-.3em;top:45%;width:.85em;height:.85em;
 background:#2548ff;pointer-events:none;z-index:3;
 clip-path:polygon(48% 0,55% 25%,59% 39%,73% 44%,100% 48%,77% 54%,60% 59%,56% 73%,51% 100%,45% 76%,40% 61%,28% 57%,0 52%,24% 46%,39% 40%,43% 25%);
 transform:translate(-50%,-50%) rotate(12deg) scale(0);
}
.live-top nav a:is(:hover,:focus-visible) .nav-word:before{
 animation:nav-reflection .54s calc(var(--shine-delay,.5s) + .94s) both;
}
@keyframes nav-reflection{
 0%{transform:translate(-50%,-50%) rotate(5deg) scale(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}
 38%,55%{transform:translate(-50%,-50%) rotate(12deg) scale(1);animation-timing-function:cubic-bezier(.55,0,1,.45)}
 100%{transform:translate(-50%,-50%) rotate(20deg) scale(0)}
}
.paused .live-top nav .nav-word:before{animation:none!important}
@media(prefers-reduced-motion:reduce){.live-top nav .nav-word:before{display:none}}
/* Reflexo branco apoiado na ponta superior da primeira letra. */
.live-top nav .nav-word:before{background:#fff;left:.17em;top:.24em;width:.7em;height:.7em}
/* Reflexo maior; rotação sempre crescente, inclusive na saída. */
.live-top nav .nav-word:before{width:1.05em;height:1.05em}
@keyframes nav-reflection{
 0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}
 38%{transform:translate(-50%,-50%) rotate(65deg) scale(1);animation-timing-function:linear}
 55%{transform:translate(-50%,-50%) rotate(95deg) scale(1);animation-timing-function:cubic-bezier(.55,0,1,.45)}
 100%{transform:translate(-50%,-50%) rotate(180deg) scale(0)}
}
/* Reflexo surge durante o trecho final da passagem do brilho. */
.live-top nav a:is(:hover,:focus-visible) .nav-word:before{animation-delay:calc(var(--shine-delay,.5s) + .72s)}

/* Seleção editorial: vídeo e informações formam uma única peça. */
.work .featured-project:nth-child(n){grid-template-rows:1fr;align-items:stretch;column-gap:0;grid-template-columns:minmax(0,min(63vw,calc((100svh - 250px)*1.7778))) minmax(240px,320px);border-top:1px solid #17181430;padding-top:18px}
.work .featured-project:nth-child(2){grid-template-columns:minmax(240px,320px) minmax(0,min(63vw,calc((100svh - 250px)*1.7778)))}
.work .featured-project .project-image{grid-row:1;align-self:start;border-radius:2px}
.project-editorial{position:relative;isolation:isolate;overflow:hidden;grid-column:2;grid-row:1;display:flex;flex-direction:column;padding:12px 0 10px 30px;min-width:0}
.featured-project:nth-child(2) .project-editorial{grid-column:1;padding:12px 30px 10px 0}
.project-kicker{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);letter-spacing:1.1px;color:#2548ff;font-weight:bold}
.project-editorial h3{font-size:clamp(30px,3.1vw,48px);line-height:1.04;letter-spacing:-1.7px;margin:28px 0 18px;font-weight:600;position:relative;z-index:1}
.project-summary{font-size:14px;line-height:1.65;color:#626358;max-width:240px;margin:0 0 20px}
.project-disciplines{display:flex;flex-wrap:wrap;gap:6px}.project-disciplines span{font:8px var(--mono);letter-spacing:.8px;border:1px solid #17181430;padding:7px 9px;border-radius:2px}
.project-watch{margin-top:auto;padding:20px 0 3px;background:none;border:0;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#171814;font-size:15px;position:relative;z-index:1}
.project-watch>span:first-child{border-bottom:1px solid #17181470;padding-bottom:4px}.project-watch>span:last-child{display:grid;place-items:center;width:43px;height:43px;border:1px solid #17181450;border-radius:50%;font-size:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),background .25s,color .25s}.project-watch:hover{color:#2548ff}.project-watch:hover>span:last-child{background:#2548ff;color:white;transform:rotate(45deg)}
.project-serial{position:absolute;right:-4px;bottom:42px;font-size:clamp(80px,10vw,150px);font-weight:900;letter-spacing:-10px;color:#2548ff08;z-index:-1;line-height:1}
.work .project-grid{row-gap:48px}.work .featured-project .play-label{background:#111a;padding:9px 12px;backdrop-filter:blur(4px)}
@media(max-height:760px) and (min-width:701px){.project-editorial h3{font-size:31px;margin:18px 0 12px}.project-summary{font-size:12px;margin-bottom:12px}.project-watch{padding-top:10px}.project-disciplines span{padding:5px 6px;font-size:7px}}
@media(max-width:900px) and (min-width:701px){.work .featured-project:nth-child(n){grid-template-columns:minmax(0,1fr) 240px}.work .featured-project:nth-child(2){grid-template-columns:240px minmax(0,1fr)}.project-editorial{padding-left:20px}.project-editorial h3{font-size:30px;margin-top:18px}.project-summary{font-size:12px}.project-watch{padding-top:12px}}
@media(max-width:700px){.work .featured-project:nth-child(n){display:block;padding-top:14px;margin-bottom:0}.project-editorial,.featured-project:nth-child(2) .project-editorial{padding:18px 0 0}.project-editorial h3{font-size:34px;margin:18px 0 12px}.project-editorial h3 br{display:none}.project-editorial h3 br:after{content:' '}.project-summary{max-width:90%;margin-bottom:15px}.project-watch{margin-top:13px;padding-top:0}.project-kicker{font-size:9px}.project-serial{font-size:105px;bottom:45px}.work .project-grid{row-gap:35px}}

/* V15: contexto de campanha e painel editorial em tinta azul. */
.work .featured-project:nth-child(n){grid-template-columns:minmax(0,min(61vw,calc((100svh - 260px)*1.7778))) minmax(290px,360px);padding-top:0;border:0;column-gap:0;background:#141a27;position:relative}
.work .featured-project:nth-child(2){grid-template-columns:minmax(290px,360px) minmax(0,min(61vw,calc((100svh - 260px)*1.7778)))}
.work .featured-project .project-image{align-self:center;border-radius:0}
.project-editorial,.featured-project:nth-child(2) .project-editorial{padding:24px 24px 18px;color:#f5f1e8;border-top:4px solid #2548ff;min-height:100%;background:#141a27}
.project-kicker{color:#9bb0ff;font-size:9px;letter-spacing:1.2px;align-items:center}.project-kicker>span:last-child{padding:5px 7px;border:1px solid #8ca5ff40;color:#fff}
.project-editorial h3{font-size:clamp(28px,2.4vw,38px);margin:20px 0 22px;line-height:1.04;letter-spacing:-1.2px;font-weight:600}
.case-insight{border-top:1px solid #ffffff24;padding-top:11px;margin-bottom:13px;position:relative;z-index:1}.case-label{font:8px var(--mono);letter-spacing:1.3px;color:#93aaff}.case-insight p{font-size:12px;line-height:1.55;margin:7px 0 0;color:#d5d7de}
.project-disciplines{margin:1px 0 12px}.project-disciplines span{border-color:#ffffff30;color:#c0c8dd;font-size:7px;padding:5px 7px}
.project-watch{color:#fff;font-size:13px;padding-top:7px}.project-watch>span:first-child{border-color:#fff6}.project-watch>span:last-child{border-color:#829cff80;width:35px;height:35px;font-size:21px}.project-watch:hover{color:#a6bbff}.project-serial{color:#ffffff04;font-size:130px;bottom:30px;right:14px}
.work .project-grid{row-gap:36px}.work .section-top{padding-bottom:18px;border-bottom:1px solid #17181430}.featured-project:before{content:'';position:absolute;left:0;top:0;width:48px;height:4px;background:#2548ff;z-index:2}
@media(max-width:1100px) and (min-width:701px){.work .featured-project:nth-child(n){grid-template-columns:minmax(0,1fr) 310px}.work .featured-project:nth-child(2){grid-template-columns:310px minmax(0,1fr)}.project-editorial,.featured-project:nth-child(2) .project-editorial{padding:18px}.case-insight p{font-size:11px}.project-editorial h3{font-size:28px;margin:16px 0}}
@media(max-height:800px) and (min-width:1101px){.project-editorial,.featured-project:nth-child(2) .project-editorial{padding:16px 20px}.project-editorial h3{font-size:28px;margin:12px 0}.case-insight{margin-bottom:9px;padding-top:8px}.case-insight p{font-size:11px;line-height:1.45;margin-top:5px}.project-disciplines{margin-bottom:8px}.project-watch{padding-top:0}}
@media(max-width:700px){.work .featured-project:nth-child(n){display:block;padding:0}.project-editorial,.featured-project:nth-child(2) .project-editorial{padding:22px;min-height:0}.project-editorial h3{font-size:32px}.project-editorial h3 br{display:block}.case-insight p{font-size:13px;line-height:1.6}.project-watch{margin-top:10px}.work .project-grid{row-gap:28px}}

.live-eyebrow > span {
  display: inline-block;
  animation: eyebrow-rise 850ms cubic-bezier(.16, 1, .3, 1) both;
  animation-delay: calc(1500ms + var(--order) * 200ms);
}
@keyframes eyebrow-rise {
  from { opacity: 0; transform: translateY(.6em); }
  21% { opacity: 1; }
  to { opacity: 1; transform: translateY(0); }
}
.paused .live-eyebrow > span { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .live-eyebrow > span { animation: none; }
}

.intro-phrase { perspective: 700px; perspective-origin: 45% 50%; }
.intro-phrase > span {
  display: inline-block;
  animation: phrase-focus 1050ms cubic-bezier(.22, .72, .22, 1) both;
  animation-delay: calc(3050ms + var(--order) * 200ms);
}
@keyframes phrase-focus {
  0% { opacity: 0; transform: translateZ(165px); filter: blur(8px); color: var(--blue); }
  22% { opacity: .85; color: var(--blue); }
  100% { opacity: 1; transform: translateZ(0); filter: blur(0); color: inherit; }
}
.paused .intro-phrase > span { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .intro-phrase > span { animation: none; }
}

.editing-scene { position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; }
.live-brand { position:relative; isolation:isolate; }
.pe-face { position:relative; z-index:1; }
.pe-wall, .pe-wall > span {
  position:absolute; inset:0; pointer-events:none;
  font:inherit; letter-spacing:inherit; line-height:inherit;
}
.pe-render{position:absolute;pointer-events:none;opacity:0}

/* Film selection */
.screening {
  padding: clamp(32px,5vh,64px) 5vw clamp(64px,8vw,120px);
  background: #ece9e0;
}
.screening-head,.film-picker,.screening-stage { max-width:1450px; margin-inline:auto; }
.screening-head {display:flex;align-items:baseline;justify-content:space-between;gap:22px;}
.screening-head h2 {margin:0;font:700 clamp(36px,4.8vw,76px)/1.04 Arial,sans-serif;letter-spacing:-.07em;}
.screening-head em {font-family:Georgia,serif;color:#2443d9;letter-spacing:-.065em;}
.screening-head a {font:12px var(--mono);border-bottom:1px solid;padding:5px 0;white-space:nowrap;}
.film-picker {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(20px,3vh,35px);margin-bottom:20px;border-block:1px solid #17181445;}
.film-choice {display:flex;align-items:center;gap:clamp(8px,1.2vw,18px);position:relative;background:transparent;border:0;text-align:left;color:#171814;min-width:0;padding:12px;}
.film-choice img {width:clamp(45px,5vw,78px);aspect-ratio:16/9;object-fit:cover;}
.film-choice span {min-width:0}.film-choice small,.film-credit,.film-notes dt {display:block;font:10px var(--mono);letter-spacing:.08em;}
.film-choice strong {display:block;font-weight:600;font-size:clamp(13px,1.2vw,19px);margin-top:4px;}
.film-choice[aria-pressed=true] {background:#171814;color:#fff;}
.film-choice[aria-pressed=true]:after {content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#3455ff;}
.film-choice:hover:not([aria-pressed=true]) {background:#dfded5;}
.film-feature {display:grid;grid-template-columns:minmax(0,min(65vw,calc((100svh - 245px)*1.7778))) minmax(220px,1fr);gap:clamp(24px,3.4vw,58px);align-items:start;}
.film-feature[hidden] {display:none;}
.film-screen {position:relative;padding:0;border:0;background:#101110;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;}
.film-screen video {width:100%;height:100%;object-fit:contain;display:block;}
.film-play {position:absolute;left:16px;bottom:16px;background:#121313;color:white;display:flex;align-items:center;gap:10px;padding:11px 15px;font-size:13px;}
.film-play b {font-size:10px;color:#abb7ff;}.film-screen:hover .film-play {background:#2548ff;}
.film-notes {border-top:3px solid #2548ff;padding-top:16px;max-width:440px;}
.film-credit {color:#263db3;font-weight:700;line-height:1.5}.film-credit span {padding:0 5px;}
.film-notes h3 {font:700 clamp(30px,3.8vw,60px)/.99 Arial,sans-serif;letter-spacing:-.065em;margin:16px 0 24px;}
.film-notes dl {margin:0;}.film-notes dt {border-top:1px solid #17181438;padding-top:11px;color:#263db3;}
.film-notes dd {margin:7px 0 15px;font-size:clamp(13px,1vw,16px);line-height:1.5;color:#373832;}
@media(max-width:740px){
 .screening{padding:34px 5vw 52px}.screening-head{display:block}.screening-head h2{font-size:clamp(34px,7.8vw,52px)}.screening-head a{display:inline-block;margin-top:12px;}
 .film-picker{margin-top:16px;margin-bottom:15px}.film-choice{display:block;padding:8px 6px;align-self:stretch}.film-choice img{width:100%;max-width:120px;display:block;margin-bottom:8px}.film-choice small{font-size:8px}.film-choice strong{font-size:12px;line-height:1.15;}
 .film-feature{display:block}.film-notes{max-width:none;margin-top:18px}.film-notes h3{margin:10px 0 14px}.film-notes dd{font-size:14px;}
}

/* The project chooser uses campaign frames as its surface. */
.arrival-word { display:inline-block; }
.screening { background:#151615; color:#f3eee4; }
.screening-head h2 { font-size:clamp(40px,5.5vw,88px); }
.screening-head em { color:#a8b6ff; }
.screening-head a { color:#f3eee4; }
.film-picker { border:0; gap:5px; margin-block:clamp(14px,2vh,24px); }
.film-choice { isolation:isolate; overflow:hidden; color:#fff; align-items:end; min-height:clamp(68px,10svh,105px); padding:12px 16px; background:#171817; }
.film-choice img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; z-index:-2; filter:saturate(.72); transition:transform .55s cubic-bezier(.16,1,.3,1); }
.film-choice:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(100deg,#050505e6,#05050565 68%,#05050530); }
.film-choice:hover img { transform:scale(1.045); }
.film-choice[aria-pressed=true]:after { height:4px; background:#637aff; }
.film-choice small { color:#e7e7e7; }
.film-choice strong { font-size:clamp(15px,1.5vw,23px); letter-spacing:-.035em; }
.film-notes { border-color:#748aff; }
.film-credit,.film-notes dt { color:#adbaff; }
.film-notes dd { color:#dfded8; }
.film-notes dt { border-color:#ffffff32; }
.film-screen { box-shadow:0 12px 28px #0004; }
.film-play { background:#f2eee5; color:#151615; font-weight:600; }
.film-play b { color:#2444ce; }.film-screen:hover .film-play,.film-screen:hover .film-play b { color:white; }
@media(min-width:741px) { .film-feature { grid-template-columns:minmax(0,min(63vw,calc((100svh - 280px)*1.7778))) minmax(220px,1fr); } }
@media(max-width:740px) {
 .film-choice { display:flex; align-items:end; padding:9px 7px; }
 .film-choice img { max-width:none; }.film-choice strong { font-size:13px; }
 .screening-head h2 {font-size: clamp(38px,8.4vw,58px);}
}
@media(prefers-reduced-motion:reduce) { .film-choice img {transition:none;} }

#project-dialog { width:min(1100px,95vw);max-height:92svh;padding:clamp(18px,3vw,40px);background:#171817;color:#f1eee5;overscroll-behavior:contain; }
#project-dialog .close {position:sticky;top:0;z-index:3;background:#242623;color:#fff;border:1px solid #ffffff45;border-radius:24px;font-size:12px;padding:8px 15px;}
#project-dialog .modal-head {border-bottom:1px solid #ffffff30;margin-bottom:18px;padding-right:65px;}
#project-dialog .modal-head .micro {color:#acbaff;}
#project-dialog .modal-head h2 {font-size:clamp(32px,4.2vw,64px);line-height:1.04;letter-spacing:-.055em;margin:9px 0 20px;}
#project-dialog video {width:min(100%,calc(62svh * var(--film-aspect,1.77778)));height:auto;max-height:none;margin-inline:auto;aspect-ratio:var(--film-aspect,16/9);background:transparent;object-fit:contain;}
#project-dialog .film-story {padding-block:clamp(20px,3vw,36px);}
#modal-description {max-width:72ch;color:#ebe7dd;margin:0;line-height:1.6;font-size:clamp(16px,1.4vw,21px);}
#film-chapters h3 {margin:30px 0 15px;font:italic 30px Georgia,serif;color:#b7c2ff;}
.chapter-strip {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);}
.chapter-frame {padding:0;border:0;position:relative;display:block;width:100%;background:transparent;color:white;}
.chapter-frame img {display:block;width:100%;aspect-ratio:16/9;height:auto;}
.chapter-frame span {position:absolute;bottom:7px;left:7px;background:#111d;padding:4px 7px;font:10px var(--mono);}
.chapter-frame:is(:hover,:focus-visible) span {background:#2548ff;}
.chapter-strip h4 {font-size:18px;line-height:1.2;margin:14px 0 6px;letter-spacing:-.025em;}
#project-dialog .chapter-strip p {font-size:13px;color:#d0d2cd;margin:0;line-height:1.55;}
#project-dialog .modal-bottom {border-color:#ffffff30;}#project-dialog .project-inquiry {background:#2548ff;color:#fff;}#project-dialog .next-project {color:#eee;background:transparent;}
@media(max-width:680px){.chapter-strip{grid-template-columns:1fr}.chapter-strip article{display:flow-root}.chapter-frame{float:left;width:39%;margin:0 14px 6px 0}.chapter-strip h4{margin:0 0 6px}#project-dialog .modal-head{padding-right:0}#project-dialog{padding:16px;}}

.case-production {margin-top:30px;border-top:1px solid #ffffff32;}
.case-production > p,.production-decision p {max-width:72ch;color:#dedfd8;}
.production-plates {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;}
.production-plates figure {margin:0;}
.production-plates img {width:100%;height:auto;display:block;}
.production-plates figcaption {font-size:13px;line-height:1.5;color:#d2d4cf;margin-top:9px;}
.production-decision {padding:12px 0 12px 18px;border-left:2px solid #8fa4ff;margin:20px 0;}
.production-decision h4 {font-size:18px;margin:0 0 6px;}
#project-dialog .production-decision p {margin:0;}
@media(max-width:680px){.production-plates{grid-template-columns:1fr;gap:18px}.production-plates figure{max-width:520px;}}

.alberti-story > p {max-width:75ch;color:#dddeda;}
.alberti-acts {margin:26px 0 32px;border-top:1px solid #ffffff45;}
.alberti-act {border-bottom:1px solid #ffffff35;}
.alberti-act summary {cursor:pointer;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:18px 4px;list-style:none;}
.alberti-act summary::-webkit-details-marker {display:none;}
.alberti-act summary small {font:10px var(--mono);color:#aabaff;}
.alberti-act summary strong {font-size:clamp(17px,2vw,23px);letter-spacing:-.025em;}
.alberti-act summary:after {content:'+';font-size:22px;color:#bbc7ff;}
.alberti-act[open] summary:after {content:'−';}
.act-body {padding:0 4px 22px;}
.act-body > p {max-width:75ch;margin:0 0 18px;}
.act-boards {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.act-boards figure {margin:0;}
.act-boards img {width:100%;height:auto;display:block;}
.act-boards figcaption {font-size:13px;color:#cfd1ca;margin-top:7px;}
.act-result {display:grid;grid-template-columns:minmax(0,40%) 1fr;gap:20px;align-items:center;padding-top:22px;}
.act-result h4,.act-result p {margin:0 0 5px;}
@media(max-width:620px){.alberti-act summary{grid-template-columns:1fr auto}.alberti-act summary small{grid-column:1/-1}.act-result{grid-template-columns:1fr}.act-result .chapter-frame{float:none;width:100%;margin:0}.act-boards{gap:8px}}
.published-list .archive-still{width:clamp(58px,8vw,112px);aspect-ratio:16/9;object-fit:cover;vertical-align:middle;margin-right:.6em}
.collection{background:#161617;color:#f4f0e7;padding:clamp(32px,6vw,100px) var(--gutter,5vw)}.collection-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;border-bottom:1px solid #5b5b5b;padding-bottom:2rem;margin-bottom:2rem}.collection-head h2{font-size:clamp(3rem,7vw,7rem);letter-spacing:-.065em;line-height:.95;margin:0}.collection-head h2 span{color:#6979ff}.collection-head p{max-width:31ch}.collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(18px,3vw,48px)}.archive-piece{grid-column:span 2}.archive-piece:nth-child(-n+2){grid-column:span 3}.archive-piece button{display:block;width:100%;position:relative;border:0;padding:0;cursor:pointer;background:#252525;overflow:hidden}.archive-piece video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.archive-piece small{display:block;letter-spacing:.12em;text-transform:uppercase;margin:1rem 0 .35rem;color:#bebdce}.archive-piece h3{font-size:clamp(1.3rem,2.5vw,2.6rem);line-height:1.1;letter-spacing:-.045em;margin:0}.archive-play{position:absolute;right:12px;bottom:12px;background:#161617;color:white;border-radius:50%;padding:10px 13px}.archive-piece button:is(:hover,:focus-visible) .archive-play{background:#3447ef}@media(max-width:700px){.collection-head{display:block}.collection-grid{grid-template-columns:1fr}.archive-piece,.archive-piece:nth-child(-n+2){grid-column:auto}}

.catalog{padding:clamp(22px,3vw,52px) clamp(18px,5vw,90px) clamp(35px,5vw,78px)}
.catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid currentColor;margin-bottom:24px;padding-bottom:18px}
.catalog-heading h1{font:500 clamp(40px,6vw,104px)/.97 Arial,sans-serif;letter-spacing:-.075em;margin:0}
.catalog-heading h1 em{font-family:Georgia,serif;font-weight:400}.catalog-heading a{font-size:.85rem;color:inherit}
.catalog-room{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(220px,1fr);gap:clamp(18px,3vw,56px);align-items:start}
.catalog-room .film-feature:not([hidden]){display:block}.catalog-room .film-feature[hidden]{display:none}
.catalog-room .film-screen{display:block;width:100%;position:relative;padding:0;border:0;cursor:pointer}
.catalog-room .film-screen video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.catalog-room .film-notes{padding:12px 0 0;background:none;color:inherit}.catalog-room .film-notes h3{margin:.3em 0;font-size:clamp(24px,3vw,48px)}.catalog-room .film-notes dl{display:none}
.catalog-room aside h2{font:500 1.1rem/1.2 Arial,sans-serif;margin:0 0 14px}
.catalog-room .film-picker{display:grid;grid-template-columns:1fr;gap:0}.catalog-room .film-choice{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;border-top:1px solid #97958d;border-radius:0;padding:16px 8px;background:transparent;color:#171717;cursor:pointer}
.catalog-room .film-choice[aria-pressed=true]{background:#e0def9;color:#19289c;box-shadow:inset 3px 0 #3447ef}.catalog-room .film-choice img{width:clamp(64px,6vw,100px);aspect-ratio:16/9;object-fit:cover}.catalog-room .film-choice span{display:grid;gap:4px}.catalog-room .film-choice strong{font-size:clamp(16px,1.6vw,26px);line-height:1.1}
body[data-page=archive] .collection-grid{display:flex;flex-direction:column;gap:0}body[data-page=archive] .archive-piece{display:grid;grid-template-columns:minmax(150px,32%) 1fr auto;align-items:center;column-gap:clamp(16px,4vw,72px);padding:clamp(14px,2vw,28px) 0;border-bottom:1px solid #525254}
.archive-piece button{grid-column:1;grid-row:1}.archive-piece h3{grid-column:2;grid-row:1}.archive-piece small{grid-column:3;grid-row:1}.archive-piece:focus-within h3,.archive-piece:hover h3{color:#bac0ff}
@media(max-width:760px){.catalog-room{grid-template-columns:1fr}.catalog-room aside{order:0}.catalog-room .film-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-room .film-choice{display:block;padding:9px}.catalog-room .film-choice img{display:none}.catalog-heading{align-items:end}.catalog-heading a{max-width:85px}.catalog-room .film-choice strong{font-size:.85rem}body[data-page=archive] .archive-piece{grid-template-columns:38% 1fr;row-gap:.4rem}.archive-piece button{grid-row:1/3}.archive-piece small{grid-column:2;grid-row:1;align-self:end;margin:0}.archive-piece h3{grid-row:2;align-self:start}}
.square-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,40px) clamp(12px,1.7vw,26px);max-width:1360px;margin:auto}.square-project button{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.square-cover{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#201f20}.square-cover video{display:block;width:100%;height:100%;object-fit:cover}.square-play{position:absolute;bottom:10px;right:10px;border-radius:50%;background:#171717;color:white;padding:8px 10px;font-size:11px}.square-project button:is(:hover,:focus-visible) .square-play{background:#3447ef}.square-client{display:block;margin:.8rem 0 .25rem;font:11px/1.3 monospace;letter-spacing:.1em;text-transform:uppercase}.square-project strong{font-size:clamp(17px,1.55vw,26px);line-height:1.15;letter-spacing:-.04em}.catalog-heading{max-width:1360px;margin-inline:auto}@media(max-width:920px){.square-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.square-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gear-preview{width:100%;height:100%;border:0;pointer-events:none}.gear-player{display:block;width:min(100%,calc(62svh * 16 / 9));aspect-ratio:16/9;border:0;margin:auto}
.live-copy .live-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:.9em;min-width:0;min-height:42px;padding:.48em .55em .48em .95em;font-size:clamp(13px,1.16cqw,20px);font-weight:600;line-height:1.1;background:#253fe0;color:white;border-radius:3px;overflow:hidden;text-decoration:none;transition:background .22s}
.live-cta .cta-direction{display:grid;place-items:center;width:1.65em;height:1.65em;border:1px solid #ffffff85;border-radius:50%;transition:transform .35s cubic-bezier(.18,.85,.22,1)}
.live-copy .live-cta:is(:hover,:focus-visible){background:#1628a4}.live-cta:is(:hover,:focus-visible) .cta-direction{transform:rotate(45deg)}.live-copy .live-cta:focus-visible{outline:3px solid #111;outline-offset:3px}
.live-cta .cta-drawing{inset:auto auto 0 3%;width:73%;height:40%;opacity:.95}.live-cta .cta-label{position:relative;z-index:1}
@media(max-width:640px){.live-copy .live-cta{min-height:36px;font-size:12px;gap:.65em}}
@media(prefers-reduced-motion:reduce){.live-cta .cta-direction,.live-copy .live-cta{transition:none}.live-cta .cta-drawing{display:none}}
.live-copy .live-cta{background:#171717}.live-copy .live-cta:is(:hover,:focus-visible){background:#3447ef}
.live-cta .cta-label{perspective:360px;white-space:nowrap}.live-cta .cta-label>span{display:inline-block;transform-origin:center}
@keyframes invite-word{0%{transform:translateZ(-12px)}65%{transform:translateZ(23px)}100%{transform:translateZ(9px)}}
@media(prefers-reduced-motion:no-preference){body:not(.paused) .live-cta:is(:hover,:focus-visible) .cta-label>span{animation:invite-word .44s cubic-bezier(.22,.78,.2,1) calc(var(--word)*55ms) both}}
.archive-process{margin:2.5rem 0}.archive-process>p{max-width:66ch}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem;margin:1.2rem 0}.process-grid figure{margin:0}.process-grid img,.process-grid video{max-width:100%;width:100%;height:auto;display:block}.process-grid figcaption{padding:.5rem 0;font-size:.92rem}.archive-process summary{padding:1rem 0;border-block:1px solid #777;cursor:pointer;font-weight:600}