:root{--ink:#0b0b09;--coal:#171713;--yellow:#f3df00;--paper:#efeee8;--white:#fff;--line:#ffffff38;--shell:min(1240px, calc(100vw - 64px))}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--white);background:linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--ink);-webkit-font-smoothing:antialiased;background-size:52px 52px;margin:0;font-family:Arial,Helvetica,sans-serif}::selection{color:var(--ink);background:var(--yellow)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.scroll-progress{z-index:100;transform-origin:0;background:var(--yellow);height:4px;position:fixed;top:0;left:0;right:0}.demo-banner{z-index:20;color:var(--ink);background:var(--yellow);border-bottom:2px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:9px max(32px,50vw - 620px);font-size:11px;font-weight:800;line-height:1.4;display:flex;position:relative}.demo-banner a{border-bottom:1px solid}.site-header{z-index:10;width:var(--shell);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;margin:0 auto;display:grid;position:relative}.brand{align-items:center;gap:12px;width:fit-content;display:inline-flex}.brand-mark{width:43px;height:43px;color:var(--ink);background:var(--yellow);letter-spacing:.02em;place-items:center;font-family:Impact,Arial Narrow,sans-serif;font-size:19px;display:grid;transform:skew(-7deg)}.brand-name{letter-spacing:.06em;text-transform:uppercase;flex-direction:column;font-family:Impact,Arial Narrow,sans-serif;font-size:20px;line-height:.95;display:flex}.brand-name small{color:var(--yellow);letter-spacing:.32em;margin-top:6px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:800}.site-header nav{letter-spacing:.11em;text-transform:uppercase;gap:34px;font-size:11px;font-weight:800;display:flex}.site-header nav a{padding:10px 0;position:relative}.site-header nav a:after{content:"";background:var(--yellow);transform-origin:100%;height:2px;transition:transform .22s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.site-header .magnetic-wrap{justify-self:end}.magnetic-wrap{width:fit-content;display:inline-block}.button{letter-spacing:.05em;text-transform:uppercase;border:2px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 23px;font-size:12px;font-weight:900;transition:color .22s,background .22s,border-color .22s;display:inline-flex}.button--header{min-height:44px;color:var(--ink);background:var(--yellow);padding:0 18px}.button--header:hover,.button--header:focus-visible{color:var(--yellow);border-color:var(--yellow);background:0 0}.hero{width:var(--shell);isolation:isolate;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(40px,6vw,90px);min-height:calc(100vh - 125px);margin:0 auto;padding:72px 0 90px;display:grid;position:relative}.hero-grid{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 74%,#f3df0012 74%);position:absolute;inset:0}.hero-copy{z-index:2;position:relative}.eyebrow,.kicker{color:var(--yellow);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 28px;font-size:10px;font-weight:900;display:flex}.eyebrow span{background:var(--yellow);width:34px;height:3px}.hero h1,.section-heading h2,.field-copy h2,.closing h2{letter-spacing:-.025em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;line-height:.84}.hero h1{max-width:820px;font-size:clamp(66px,8vw,128px)}.hero h1>span,.hero h1>strong{display:block}.hero h1>span{color:#0000;-webkit-text-stroke:1.5px #ffffffe6}.hero h1>strong{color:var(--yellow);font-weight:inherit;white-space:nowrap}.hero-bottom{grid-template-columns:minmax(200px,340px) auto;align-items:center;gap:28px;margin-top:40px;display:grid}.hero-bottom p{color:#ffffffad;margin:0;font-size:14px;line-height:1.65}.button--primary{color:var(--ink);background:var(--yellow)}.button--primary:hover,.button--primary:focus-visible{color:var(--yellow);background:var(--ink);border-color:var(--yellow)}.hero-visual{align-self:stretch;min-height:560px;position:relative}.hero-frame{box-shadow:16px 16px 0 var(--yellow);border:1px solid #ffffff40;position:absolute;inset:3% 0 9% 3%;overflow:hidden}.hero-frame:before{z-index:3;content:"";border-top:2px solid var(--yellow);border-right:2px solid var(--yellow);width:72px;height:72px;position:absolute;top:20px;right:20px}.hero-image,.field-poster,.reference-image{object-fit:cover}.hero-image{filter:grayscale()contrast(1.12);transition:transform .9s cubic-bezier(.22,1,.36,1),filter .4s}.hero-frame:hover .hero-image{filter:grayscale(.55)contrast(1.08);transform:scale(1.045)}.hero-overlay{background:linear-gradient(#0000 45%,#000000db);position:absolute;inset:0}.image-note,.media-caption{z-index:4;color:var(--ink);background:var(--yellow);letter-spacing:.12em;text-transform:uppercase;margin:0;padding:7px 9px;font-size:9px;font-weight:900;position:absolute;top:20px;left:20px}.hero-stamp{z-index:4;letter-spacing:.22em;border-top:1px solid #ffffffa6;grid-template-columns:1fr auto;align-items:end;padding-top:20px;font-size:10px;font-weight:800;display:grid;position:absolute;bottom:25px;left:25px;right:25px}.hero-stamp strong{letter-spacing:.02em;grid-column:1/-1;font-family:Impact,Arial Narrow,sans-serif;font-size:55px;font-weight:400;line-height:.9}.hero-index{color:#ffffff73;letter-spacing:.1em;justify-content:space-between;font-family:monospace;font-size:9px;display:flex;position:absolute;bottom:0;left:3%;right:-2px}.scroll-cue{color:#ffffff7a;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:9px;font-size:9px;font-weight:800;transition:color .18s;display:flex;position:absolute;bottom:20px;left:0}.scroll-cue:hover{color:var(--yellow)}.marquee{color:var(--ink);background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;transform:rotate(-1deg)scale(1.01)}.marquee-track{letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:28px;width:max-content;padding:14px 0;font-family:Impact,Arial Narrow,sans-serif;font-size:21px;animation:24s linear infinite track;display:flex}.marquee-track i{font-size:10px}@keyframes track{to{transform:translate(-40%)}}.section-shell{width:var(--shell);margin-left:auto;margin-right:auto}.services{padding-top:150px;padding-bottom:150px}.section-heading--split,.section-heading--references,.section-heading--process{grid-template-columns:1.35fr .65fr;align-items:end;gap:60px;margin-bottom:64px;display:grid}.section-heading h2,.field-copy h2,.closing h2{font-size:clamp(55px,6.2vw,96px)}.section-heading--split>p{color:#ffffff9e;max-width:380px;margin:0 0 7px auto;font-size:15px;line-height:1.75}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:400px;padding:34px;transition:color .28s,background .28s,transform .28s;display:flex}.service-card:hover{color:var(--ink);background:var(--yellow);transform:translateY(-8px)}.service-card__top{color:var(--yellow);justify-content:space-between;align-items:flex-start;font-family:monospace;font-size:12px;display:flex}.service-card:hover .service-card__top{color:var(--ink)}.service-card h3{letter-spacing:.015em;text-transform:uppercase;max-width:260px;margin:0 0 17px;font-family:Impact,Arial Narrow,sans-serif;font-size:34px;font-weight:400;line-height:1}.service-card p{color:#ffffff94;max-width:285px;margin:0;font-size:13px;line-height:1.7}.service-card:hover p{color:#0b0b09b3}.service-link,.text-cta,.footer-link{letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid;justify-content:space-between;align-items:center;gap:16px;width:fit-content;padding-bottom:7px;font-size:11px;font-weight:900;display:inline-flex}.service-link svg,.text-cta svg,.footer-link svg{transition:transform .18s}.service-link:hover svg,.text-cta:hover svg,.footer-link:hover svg{transform:translate(3px,-3px)}.field-note{color:var(--ink);background:var(--yellow)}.field-media{background:var(--coal);height:min(70vw,760px);position:relative;overflow:hidden}.field-poster,.field-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.field-video{z-index:1}.field-shade{z-index:2;pointer-events:none;background:linear-gradient(#0000 45%,#000000b8),linear-gradient(90deg,#00000047,#0000 50%);position:absolute;inset:0}.media-caption{color:var(--yellow);background:var(--ink);top:auto;bottom:22px}.field-copy{grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;padding-top:100px;padding-bottom:110px;display:grid}.kicker--dark{color:var(--ink)}.field-copy__body{padding-bottom:4px}.field-copy__body>p{max-width:480px;margin:0 0 30px;font-size:16px;line-height:1.7}.field-copy ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.field-copy li{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:900;display:flex}.references{padding-top:150px;padding-bottom:150px}.section-heading--references{align-items:end}.reference-disclaimer{color:#ffffff80;letter-spacing:.03em;max-width:350px;margin-left:auto;font-size:11px;line-height:1.65}.reference-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:70px 36px;display:grid}.reference-item--1{grid-row:span 2}.reference-item figure{margin:0}.reference-image-wrap{background:var(--coal);height:420px;position:relative;overflow:hidden}.reference-item--1 .reference-image-wrap{height:720px}.reference-image{filter:grayscale(.85)contrast(1.05);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .35s}.reference-image-wrap:hover .reference-image{filter:grayscale(.1);transform:scale(1.04)}.reference-image-wrap>span{z-index:2;color:var(--ink);background:var(--yellow);padding:10px 13px;font-family:monospace;font-size:11px;font-weight:800;position:absolute;top:0;left:0}.reference-item figcaption{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0;display:flex}.reference-item figcaption small{color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.reference-item figcaption strong{letter-spacing:.02em;text-transform:uppercase;font-family:Impact,Arial Narrow,sans-serif;font-size:20px;font-weight:400}.reference-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin-top:70px;padding-top:25px;display:flex}.reference-cta p{color:#ffffff85;margin:0;font-size:13px}.text-cta{color:var(--yellow)}.process{color:var(--ink);background:var(--paper);padding:140px 0}.section-heading--process>svg{justify-self:end}.process-list{border-top:2px solid var(--ink);border-left:1px solid #0b0b093d;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.process-list li{border-bottom:1px solid #0b0b093d;border-right:1px solid #0b0b093d;min-height:350px;transition:color .25s,background .25s;position:relative}.process-list li>div{min-height:inherit;padding:28px 26px;position:relative}.process-list li:hover{color:var(--yellow);background:var(--ink)}.process-list li>div>span{font-family:monospace;font-size:11px;font-weight:800}.process-list h3{text-transform:uppercase;max-width:190px;margin:100px 0 16px;font-family:Impact,Arial Narrow,sans-serif;font-size:29px;font-weight:400;line-height:1}.process-list p{color:#0b0b0999;margin:0;font-size:12px;line-height:1.6}.process-list li:hover p{color:#fff9}.process-list svg{position:absolute;bottom:22px;right:22px}.closing{padding-top:140px;padding-bottom:140px}.closing-card{min-height:510px;color:var(--ink);background:var(--yellow);grid-template-columns:.65fr 1.35fr;align-items:end;gap:30px;padding:55px;display:grid;position:relative;overflow:hidden}.closing-card:before{content:"";border:2px solid var(--ink);width:300px;height:300px;position:absolute;top:-80px;right:-80px;transform:rotate(30deg)}.closing-number{letter-spacing:.1em;font-family:monospace;font-size:11px;font-weight:800;position:absolute;top:38px;left:55px}.closing-copy{grid-column:1/-1;grid-template-columns:1.35fr .65fr;align-items:end;gap:50px;display:grid}.closing-copy .kicker{color:var(--ink);grid-column:1/-1;margin-bottom:-10px}.closing-copy p:last-child{max-width:370px;margin:0 0 4px;font-size:14px;line-height:1.7}.closing-card>.magnetic-wrap{grid-column:2;justify-self:end}.button--closing{color:var(--yellow);background:var(--ink);border-color:var(--ink)}.button--closing:hover,.button--closing:focus-visible{color:var(--ink);background:0 0}.closing-icon{opacity:.08;pointer-events:none;width:160px;height:160px;position:absolute;bottom:47px;right:50px}.site-footer{width:var(--shell);border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;margin:0 auto;padding:45px 0 55px;display:grid}.site-footer p{color:#ffffff6b;text-align:center;margin:0;font-size:10px;line-height:1.5}.footer-link{color:var(--yellow);justify-self:end}.floating-whatsapp{z-index:60;position:fixed;bottom:24px;right:24px}.floating-whatsapp__link{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:11px;padding:14px 18px;font-size:11px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex}.floating-whatsapp__link:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}@media (max-width:1080px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr .72fr;gap:30px}.hero h1>strong{white-space:normal}.hero-bottom{grid-template-columns:1fr}.process-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:780px){:root{--shell:calc(100vw - 36px)}.demo-banner{padding:8px 18px;font-size:8px}.demo-banner a{display:none}.site-header{min-height:76px}.button--header{min-height:40px;padding:0 12px;font-size:9px}.button--header svg{display:none}.brand-name{font-size:16px}.brand-mark{width:37px;height:37px}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 0 90px}.hero h1{font-size:clamp(58px,18vw,88px)}.hero-visual{min-height:540px}.hero-frame{left:0}.hero-bottom{margin-top:30px}.hero-bottom .magnetic-wrap,.hero-bottom .button{width:100%}.scroll-cue{display:none}.services,.references{padding-top:95px;padding-bottom:95px}.section-heading--split,.section-heading--references,.section-heading--process,.field-copy{grid-template-columns:1fr;gap:32px;margin-bottom:44px}.section-heading h2,.field-copy h2,.closing h2{font-size:clamp(50px,15vw,75px)}.section-heading--split>p,.reference-disclaimer{margin-left:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:340px;padding:28px}.field-media{height:110vw;max-height:620px}.field-copy{padding-top:75px;padding-bottom:75px}.reference-grid{grid-template-columns:1fr;gap:45px}.reference-item--1{grid-row:auto}.reference-item--1 .reference-image-wrap,.reference-image-wrap{height:112vw;max-height:600px}.reference-cta{flex-direction:column;align-items:flex-start}.process{padding:90px 0}.section-heading--process>svg{justify-self:start}.process-list{grid-template-columns:1fr}.process-list li{min-height:300px}.closing{padding-top:90px;padding-bottom:90px}.closing-card{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:600px;padding:35px 28px;display:flex}.closing-number{top:28px;left:28px}.closing-copy{flex-direction:column;align-items:flex-start;gap:25px;display:flex}.closing-card>.magnetic-wrap,.button--closing{width:100%}.closing-icon{top:70px;bottom:auto;right:20px}.site-footer{grid-template-columns:1fr;justify-items:start}.site-footer p{text-align:left}.footer-link{justify-self:start}.floating-whatsapp{bottom:14px;right:14px}.floating-whatsapp__link{padding:13px 15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
