*{box-sizing:border-box} :root{--paper:#f5f3ee;--ink:#111010;--red:#f01e41;--red-text:#c4102d;--line:#d6d3cb;--muted:#49453f;--display:"Host Grotesk",sans-serif;--mono:"Martian Mono",monospace}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a,button{transition:color .18s,background .18s,border-color .18s,transform .18s}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:8px}a:active,button:active{transform:translateY(2px)}button:disabled{opacity:.4;cursor:not-allowed}button{cursor:pointer}img{display:block;max-width:100%}.wrap{width:calc(100% - 48px);max-width:1280px;margin-inline:auto}.skip{position:fixed;top:-96px;left:24px;padding:16px;background:var(--ink);color:white;z-index:50}.skip:focus{top:16px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.logo{width:144px}.logo img{width:100%;height:auto}.header nav{display:none}.nav-cta{display:flex;align-items:center;gap:8px;font-size:12px}.nav-cta span{color:var(--red-text)}.nav-cta:hover{color:var(--red-text)}.hero{padding-top:48px}.eyebrow{font-family:var(--mono);font-size:10px;line-height:1.5;letter-spacing:.02em;margin:0 0 24px;display:flex;align-items:center;gap:8px}.eyebrow i{width:8px;height:8px;border-radius:9999px;background:var(--red)}h1{font-size:48px;font-weight:400;line-height:1.03;letter-spacing:-.065em;margin:0 0 24px}h1 em{color:var(--red-text);font-style:normal;white-space:nowrap}.intro{font-size:16px;line-height:1.6;max-width:38ch;margin:0 0 24px;color:#4d4a45}.primary{display:flex;width:max-content;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;border-radius:9999px;background:var(--ink);color:var(--paper);font-size:14px}.primary span{color:#ff5571}.primary:hover{background:#34312d}.text-link{display:inline-flex;align-items:center;gap:16px;margin-top:24px;font-size:14px;border-bottom:1px solid #aaa59b;padding-bottom:8px}.text-link:hover{border-color:var(--red-text);color:var(--red-text)}.showcase{margin:32px -24px 0;overflow:hidden}.stage{height:392px;position:relative;isolation:isolate;perspective:1200px;background:radial-gradient(ellipse at 53% 53%,#e7e2d8 0%,#f5f3ee00 65%);overflow:hidden}.stage-note{position:absolute;top:16px;left:24px;font-size:10px;color:var(--muted)}.orbit{position:absolute;width:96%;height:76%;left:2%;top:14%;border:1px solid #d5cfc4;border-radius:50%;transform:rotate(-25deg);opacity:.6}.orbit:after{content:"";position:absolute;inset:32px -24px;border:1px solid #d5cfc4;border-radius:50%}.piece{position:absolute;transition:transform .8s cubic-bezier(.22,.8,.22,1),opacity .6s,filter .6s;will-change:transform;box-shadow:0 16px 32px #30281c18;transform-origin:center}.campaign{left:14%;top:16%;width:54%;height:76%;background:#f4f1e9;transform:rotate(-10deg);border:1px solid #d1ccbf;z-index:10;overflow:hidden}.piece-top{display:flex;justify-content:space-between;align-items:center;padding:16px}.piece-top img{width:40%}.piece-top span{font-size:5px}.campaign strong{display:block;font-size:40px;line-height:.98;letter-spacing:-.055em;font-weight:500;padding:0 16px;position:relative;z-index:10}.campaign strong em{font-style:normal;color:var(--red-text)}.campaign-mark{position:absolute;width:73%;right:-18%;top:26%;transform:rotate(-18deg);opacity:.9}.campaign-bottom{position:absolute;bottom:0;left:0;right:0;padding:16px;display:flex;align-items:end;justify-content:space-between;background:var(--red);color:white}.campaign-bottom span{font-size:8px;line-height:1.5}.campaign-bottom b{font-size:32px;font-weight:400}.website{width:67%;height:65%;left:25%;top:25%;background:#fffdf6;transform:translate(16%,6%) rotate(9deg) scale(.83);z-index:0;border:1px solid #bfb9af;border-radius:8px;overflow:hidden}.browserbar{height:24px;background:#eeeae0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:5px;border-bottom:1px solid var(--line)}.browserbar>span:first-child{letter-spacing:2px;color:#8e877b}.webpage{position:relative;padding:16px;height:calc(100% - 24px)}.tiny-logo{width:64px}.site-head{font-size:24px;line-height:1.05;letter-spacing:-.055em;margin-top:16px;font-weight:500}.site-head em{font-style:normal;color:var(--red-text)}.site-art{position:absolute;right:16px;top:20%;width:29%;height:50%;background:var(--red);padding:8px;overflow:hidden}.site-art img{width:150%;max-width:none;transform:rotate(-16deg);mix-blend-mode:multiply;margin:8px 0 0 -8px}.site-art span{position:absolute;bottom:8px;color:white;font-size:8px;line-height:1.3}.site-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:24px;font-size:5px;gap:8px}.site-bottom p{margin:0;line-height:1.6}.site-bottom>span{padding:8px;background:var(--ink);color:white;border-radius:9999px}.conversation{width:62%;height:62%;top:23%;left:22%;padding:16px;border:1px solid #d0c7b8;background:#eee8dc;border-radius:8px;z-index:0;transform:translate(24%,12%) rotate(16deg) scale(.72);opacity:0}.conversation-top{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.5;padding-bottom:16px;border-bottom:1px solid #c6bdad}.conversation-top img{width:24px}.conversation-top b{font-weight:500}.message,.reply{padding:16px;font-size:10px;line-height:1.5;border-radius:8px;background:#fffdf7;max-width:90%;margin-top:16px}.reply{margin-left:auto;background:#22201d;color:var(--paper)}.conversation-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:6px}.conversation-foot b{font-size:16px;color:var(--red-text)}
[data-stage=converter] .campaign{transform:translate(-27%,-4%) rotate(-17deg) scale(.75);z-index:0;filter:saturate(.45)}[data-stage=converter] .website{transform:translate(-20%,0) rotate(-3deg) scale(1.04);z-index:10}[data-stage=conectar] .campaign{transform:translate(-26%,-4%) rotate(-17deg) scale(.75);z-index:0;filter:saturate(.4);opacity:.5}[data-stage=conectar] .website{transform:translate(17%,-3%) rotate(12deg) scale(.78);filter:saturate(.4);z-index:0;opacity:.6}[data-stage=conectar] .conversation{transform:rotate(-3deg) scale(1);z-index:10;opacity:1}.interaction{padding:0 24px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line)}.tabs button{flex:1;display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:2px solid transparent;padding:16px 8px;font-size:14px;color:var(--muted);margin-bottom:-1px}.tabs button span{opacity:0;color:var(--red-text)}.tabs button:hover{color:var(--red-text)}.tabs [aria-selected=true]{border-color:var(--red);color:var(--ink)}.tabs [aria-selected=true] span{opacity:1}#stage-copy{font-size:14px;line-height:1.6;margin:16px 0 8px;min-height:68px;max-width:52ch}.study-label{display:block;font:8px/1.6 var(--mono);color:var(--muted)}.hero-bottom{border-top:1px solid var(--line);margin-top:48px;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.hero-bottom>span:last-child{text-align:right;max-width:50%}.hero-bottom>span:last-child span{color:var(--red-text);margin-left:8px}.audience{padding-block:64px;display:grid;gap:32px;border-top:1px solid var(--line)}h2{font-size:40px;font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:0}.audience-options a{display:block;padding:24px 0;border-bottom:1px solid var(--line)}.audience-options a:first-child{padding-top:0}.audience-options a>span{font:10px var(--mono);color:var(--red-text)}h3{font-size:24px;font-weight:400;letter-spacing:-.025em;display:flex;justify-content:space-between;gap:16px;margin:16px 0}h3 b{font-weight:400}.audience-options p{font-size:14px;line-height:1.6;color:var(--muted);max-width:46ch;margin:0}.audience-options a:hover h3{color:var(--red-text)}footer{border-top:1px solid var(--line);padding-block:48px;display:flex;flex-direction:column;gap:48px}.footer-cta{font-size:24px;letter-spacing:-.035em}.footer-cta span{color:var(--red-text);margin-left:16px}.footer-cta:hover{color:var(--red-text)}footer>img{width:144px;height:auto}
@media(min-width:768px){.wrap{width:calc(100% - 80px)}.header{height:104px}.logo{width:184px}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover{color:var(--red-text)}.nav-cta{font-size:14px;gap:16px}.hero{display:grid;grid-template-columns:repeat(8,1fr);column-gap:24px;padding-top:64px}.hero-copy{grid-column:1/5}h1{font-size:56px}.showcase{grid-column:5/9;margin:0 -24px 0 -24px;align-self:center}.stage{height:400px}.hero-bottom{grid-column:1/-1}.audience{grid-template-columns:3fr 5fr;gap:64px}.footer-cta{font-size:32px}footer{flex-direction:row;align-items:end;justify-content:space-between}footer .eyebrow{margin-bottom:16px}.hero-bottom{font-size:12px}.campaign strong{font-size:44px}}
@media(min-width:1024px){.wrap{width:calc(100% - 160px)}.hero{grid-template-columns:repeat(12,1fr);padding-top:64px}.hero-copy{grid-column:1/6;padding-top:32px}.showcase{grid-column:6/13;align-self:start;margin:-16px -40px 0 0}.stage{height:496px}.campaign strong{font-size:56px}.campaign-bottom{padding:24px}.campaign-bottom span{font-size:10px}.piece-top{padding:24px}.piece-top span{font-size:6px}.campaign strong{padding-inline:24px}.website{height:66%}.browserbar{height:32px;font-size:6px;padding-inline:16px}.webpage{height:calc(100% - 32px);padding:24px}.tiny-logo{width:88px}.site-head{font-size:32px}.site-art{right:24px;padding:16px}.site-art span{font-size:12px;bottom:16px}.site-bottom{font-size:8px}.site-bottom>span{padding:8px}.conversation{padding:24px}.conversation-top{font-size:12px}.conversation-top img{width:32px}.message,.reply{font-size:12px}.conversation-foot{font-size:8px}.interaction{padding-inline:40px 24px}.stage-note{left:64px;top:24px;font-size:10px}h1{font-size:72px}.intro{font-size:18px;margin-top:32px}.primary{font-size:16px}.hero-bottom{margin-top:48px}.audience{padding-block:96px}.audience h2{font-size:48px}.audience-options h3{font-size:32px}.audience-options p{font-size:16px}}
@media(min-width:1280px){h1{font-size:88px}.stage{height:536px}.campaign strong{font-size:64px}.site-head{font-size:40px}.site-bottom{margin-top:32px}.conversation-top{font-size:14px}.message,.reply{font-size:14px}.conversation{height:66%}.hero{padding-top:64px}.hero-copy{padding-top:40px}.showcase{margin-top:0}.hero-bottom{margin-top:64px}.eyebrow{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .8s both}.showcase{animation:enter 1s .12s both}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.campaign-mark{width:64%;right:-25%;top:42%}.campaign strong{max-width:94%}
@media(max-width:767px){.hero{padding-top:32px}.eyebrow{margin-bottom:24px}.intro{margin-bottom:24px}.text-link{margin-top:16px}.showcase{margin-top:24px}}
.site-bottom{position:absolute;bottom:16px;left:16px;right:16px;margin-top:0}.site-art{height:42%;top:24%}
@media(min-width:1024px){.site-bottom{bottom:24px;left:24px;right:24px}}
@media(min-width:768px) and (max-width:1023px){.campaign strong{font-size:32px}.campaign-mark{right:-30%;top:46%}}

.central-hero{position:relative;min-height:800px;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:64px 24px 176px}.hero-center{position:relative;z-index:10;text-align:center;max-width:880px;width:100%}.hero-center .eyebrow{justify-content:center;font-size:10px;margin-bottom:24px}.hero-center h1{font-size:56px;line-height:1;letter-spacing:-.065em;font-weight:400;margin:0 0 24px}.hero-center h1 em{white-space:normal;color:var(--red-text)}.center-intro{font-size:14px;line-height:1.6;margin:0 auto 24px;color:#35312c;max-width:44ch}.center-intro br{display:none}.hero-center .primary{margin:auto;font-size:14px}.motion-background{position:absolute;inset:0;z-index:0;pointer-events:none;perspective:1400px;overflow:hidden}.world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(3deg)}.reading-space{position:absolute;inset:0;background:radial-gradient(ellipse 34% 31% at 50% 44%,#f5f3ee 40%,#f5f3eef2 68%,#f5f3ee00 100%)}.flight{position:absolute;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 32px 24px #35291e22);animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.45,0,.55,1)}.flight-a{width:296px;height:360px;left:-192px;top:24%;animation-name:pass-a}.flight-b{width:376px;height:280px;right:-232px;top:28%;animation-name:pass-b}.flight-c{width:240px;height:256px;left:7%;top:65%;animation-name:pass-c;opacity:1}.flight-d{width:192px;height:240px;right:7%;top:-15%;animation-name:pass-d;opacity:1}.billboard,.browser,.red-poster,.identity-sheet{height:100%;width:100%;position:relative;overflow:hidden;border:1px solid #d0c8b8;background:#faf6ed;box-shadow:3px 3px #d0c8b8,6px 6px #ece7dc}.mini-brand{display:flex;align-items:center;justify-content:space-between;padding:24px;font-size:6px}.mini-brand img{width:104px}.billboard>strong{display:block;font-size:36px;font-weight:500;line-height:1.05;letter-spacing:-.05em;padding:16px 24px;position:relative;z-index:10}.billboard em{font-style:normal;color:var(--red-text);font-size:28px}.large-mark{position:absolute;width:176px;right:-64px;bottom:72px;transform:rotate(-16deg)}.red-base{position:absolute;bottom:0;left:0;right:0;padding:24px;background:var(--red);color:white;display:flex;justify-content:space-between;font-size:10px;line-height:1.5}.red-base>span:last-child{font-size:32px}.browser{border-radius:8px}.browser-top{padding:8px 16px;background:#e7e2d6;display:flex;justify-content:space-between;font-size:8px;border-bottom:1px solid #cfc7b5}.browser-page{padding:24px}.browser-page>img{width:96px}.browser-page>strong{display:block;font-size:32px;font-weight:500;line-height:1.05;letter-spacing:-.05em;margin-top:24px}.browser-page em{color:var(--red-text);font-style:normal}.browser-art{position:absolute;right:24px;top:72px;width:88px;height:136px;background:var(--red);overflow:hidden}.browser-art img{width:120px;max-width:none;position:absolute;left:-16px;top:16px;mix-blend-mode:multiply;transform:rotate(-20deg)}.browser-bottom{position:absolute;left:24px;right:24px;bottom:24px;display:flex;align-items:end;justify-content:space-between;font-size:8px;line-height:1.5}.browser-bottom>span:last-child{padding:8px;border-radius:9999px;background:var(--ink);color:white}.red-poster{background:var(--red-text);border-color:#a90e28;color:#fff8ea;padding:24px;box-shadow:3px 3px #ab122c,6px 6px #df2441}.red-poster>span{font-size:8px}.red-poster img{width:144px;position:absolute;right:-24px;top:40px;mix-blend-mode:multiply;transform:rotate(-12deg)}.red-poster strong{position:absolute;bottom:24px;left:24px;font-size:32px;letter-spacing:-.04em;font-weight:400;line-height:1.05}.identity-sheet{padding:24px}.identity-sheet>img{width:112px}.swatches{display:flex;margin:24px 0 16px}.swatches i{width:33.33%;height:24px;background:#171614}.swatches i:nth-child(2){background:var(--red)}.swatches i:nth-child(3){background:#d6cbb8}.identity-sheet>strong{font-size:32px;line-height:1.03;font-weight:500;letter-spacing:-.05em}.identity-sheet>span{font-size:8px;display:block;margin-top:16px}.hero-edge{position:absolute;bottom:80px;z-index:10;font-size:12px;line-height:1.5}.edge-left{left:24px}.edge-right{right:24px;text-align:right}.hero-edge>span{font:10px/1.5 var(--mono);color:#49453f}.hero-edge p{margin:8px 0 0}.hero-floor{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line);font-size:10px;z-index:10}.hero-floor a{display:flex;align-items:center;gap:16px}.hero-floor a:hover{color:var(--red-text)}.motion-toggle{border:0;padding:8px 0;background:none;font-size:10px;display:flex;align-items:center;gap:8px;color:#35312c}.motion-toggle:hover{color:var(--red-text)}.motion-toggle:disabled{opacity:.6;cursor:default}.paused .flight{animation-play-state:paused}.offscreen .flight{animation-play-state:paused}
@keyframes pass-a{0%,100%{transform:translate3d(-16px,0,-40px) rotateY(22deg) rotateZ(-14deg)}45%{transform:translate3d(32px,-32px,56px) rotateY(-8deg) rotateZ(-8deg)}75%{transform:translate3d(0,16px,0) rotateY(14deg) rotateZ(-10deg)}}
@keyframes pass-b{0%,100%{transform:translate3d(16px,0,0) rotateY(-24deg) rotateZ(12deg)}45%{transform:translate3d(-32px,32px,64px) rotateY(12deg) rotateZ(5deg)}75%{transform:translate3d(0,-16px,16px) rotateY(-12deg) rotateZ(8deg)}}
@keyframes pass-c{0%,100%{transform:translate3d(0,16px,-120px) rotateX(18deg) rotateY(18deg) rotateZ(-20deg)}45%{transform:translate3d(40px,-24px,-80px) rotateX(5deg) rotateY(-10deg) rotateZ(-8deg)}}
@keyframes pass-d{0%,100%{transform:translate3d(0,0,-160px) rotateX(-12deg) rotateY(-20deg) rotateZ(20deg)}45%{transform:translate3d(-32px,24px,-80px) rotateX(5deg) rotateY(10deg) rotateZ(12deg)}}
@media(min-width:768px){.central-hero{min-height:800px;height:calc(100svh - 104px);max-height:960px;padding:80px 40px 120px}.hero-center h1{font-size:88px}.hero-center .eyebrow{font-size:12px}.center-intro{font-size:18px;max-width:46ch}.center-intro br{display:block}.hero-center .primary{font-size:16px}.flight-a{left:-136px;top:22%}.flight-b{right:-176px;top:30%}.flight-c{left:14%;top:77%}.flight-d{right:16%;top:-18%}.hero-edge{bottom:112px;font-size:14px}.edge-left{left:40px}.edge-right{right:40px}.hero-edge>span{font-size:10px}.hero-floor,.motion-toggle{font-size:12px}.reading-space{background:radial-gradient(ellipse 30% 36% at 50% 46%,#f5f3ee 40%,#f5f3eef5 68%,#f5f3ee00 100%)}}
@media(min-width:1024px){.central-hero{min-height:720px}.hero-center h1{font-size:104px}.flight-a{left:0;top:18%;width:320px;height:392px}.flight-b{right:-48px;top:28%;width:400px;height:296px}.flight-c{left:18%;top:82%}.flight-d{right:20%;top:-20%}.edge-left{left:80px}.edge-right{right:80px}}
@media(min-width:1280px){.hero-center h1{font-size:120px}.central-hero{min-height:776px}.flight-a{left:4%;top:15%}.flight-b{right:1%;top:26%}.flight-c{left:23%;top:83%}.flight-d{right:25%;top:-17%}.hero-edge{bottom:136px}.hero-floor{max-width:1280px}}
@media(prefers-reduced-motion:reduce){.flight{animation:none!important}.flight-a{transform:rotateY(15deg) rotateZ(-12deg)}.flight-b{transform:rotateY(-15deg) rotateZ(8deg)}.flight-c{transform:rotateZ(-12deg)}.flight-d{transform:rotateZ(12deg)}}
@media(max-width:767px){.reading-space{background:linear-gradient(to bottom,#f5f3ee00 8%,#f5f3eeeb 27%,#f5f3ee 47%,#f5f3eef5 63%,#f5f3ee 89%)}.flight-c{left:58%;top:66%;opacity:1}.flight-d{top:-13%;right:8%;opacity:1}.hero-edge{background:#f5f3ee}.hero-center h1{font-size:56px}}

.motion-card{width:100%;height:100%;overflow:hidden;background:#f5f3ee;border:1px solid #d0c8b8;box-shadow:3px 3px #d0c8b8,6px 6px #ece7dc}.motion-card video{display:block;width:100%;height:100%;object-fit:cover}.site-card{border-radius:8px}.flight-a{aspect-ratio:4/5;height:auto}.flight-b{aspect-ratio:800/592;height:auto}.central-hero.paused .flight,.central-hero.offscreen .flight{animation-play-state:paused}

/* Contrast pass: the center keeps its reading surface; side artwork retains its ink. */
.hero-center h1{text-shadow:0 0 24px var(--paper),0 0 48px var(--paper)}
.hero-center .eyebrow,.center-intro{position:relative}
.center-intro{font-weight:500}
.hero-floor{background:var(--paper)}
.hero-edge{background:var(--paper)}
.red-poster>span,.identity-sheet>span{font-size:10px;line-height:1.5;font-weight:500}
.red-poster img{opacity:.24}
.red-poster strong{font-weight:500}

.operations{--op-surface:#e9e5dc;--op-rule:#c6beb1;--op-muted:#49453f;padding:64px 0;background:#eeece6;border-top:1px solid var(--line);overflow:clip}
.operations-heading{display:grid;gap:24px;margin-bottom:40px}.operations-heading h2{font-size:40px;line-height:1.05;letter-spacing:-.055em;font-weight:400}.operations-heading h2 em{font-style:normal;color:var(--red-text)}.operations .eyebrow{font-size:10px;margin-bottom:24px}.operations-lead{font-size:16px;line-height:1.6;color:var(--op-muted);margin:0;max-width:39ch}
.operations-grid{display:grid;gap:32px}.operation-visual{height:376px;position:relative;background:var(--op-surface);isolation:isolate;overflow:hidden;border:1px solid #d4ccbe}.operation-gridline{position:absolute;inset:0;background-image:linear-gradient(#a59c8c15 1px,transparent 1px),linear-gradient(90deg,#a59c8c15 1px,transparent 1px);background-size:48px 48px}.operation-orbit{position:absolute;width:100%;aspect-ratio:1;border:1px solid #c9bfae;border-radius:50%;top:8%;left:22%}.operation-orbit:after{content:"";position:absolute;inset:32px;border:1px solid #d1c7b6;border-radius:50%}.operation-art{position:absolute;inset:0 0 48px;z-index:10}.operation-art[hidden]{display:none}.operation-visual-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;background:var(--op-surface);border-top:1px solid var(--op-rule);padding:16px;font:8px/1.5 var(--mono);z-index:20;color:#39342d}.operation-visual-state{color:var(--red-text)}
.op-print{position:absolute;left:9%;top:7%;width:62%;height:84%;background:var(--paper);box-shadow:0 16px 24px #322a1d26;transform:rotate(-8deg);overflow:hidden;border:1px solid #c5beaf}.op-print-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 67%}.op-print-logo{position:absolute;width:40%;left:8%;top:8%}.op-print strong{position:absolute;top:20%;left:8%;font-size:24px;line-height:1;letter-spacing:-.055em;font-weight:500}.op-print>span{position:absolute;bottom:5%;left:8%;font-size:8px}.op-media{position:absolute;right:5%;top:40%;width:68%;padding:16px;background:var(--red-text);color:#fff8ed;box-shadow:0 16px 24px #322a1d26;transform:rotate(5deg)}.op-media>span{font-size:8px}.op-media strong{display:block;font-size:20px;line-height:1.1;letter-spacing:-.035em;font-weight:500;margin-top:16px}.op-media>div{display:flex;justify-content:space-between;border-top:1px solid #fff8ed66;margin-top:16px;padding-top:8px;font-size:10px}.op-media i{font-style:normal}.op-tag{position:absolute;left:8%;bottom:0;display:flex;align-items:center;gap:16px;padding:8px 16px;background:#faf8f2;border:1px solid #c5beaf;border-radius:9999px;font-size:10px;box-shadow:0 8px 16px #322a1d12}.op-tag>span{color:var(--red-text)}
.op-browser{position:absolute;top:9%;left:7%;width:82%;height:80%;background:#fcf9f1;box-shadow:0 16px 24px #322a1d26;border:1px solid #c5beaf;transform:rotate(-5deg);padding:0 16px;overflow:hidden}.op-browser-bar{height:24px;margin:0 -16px 16px;padding:8px 16px;background:#e4dfd2;display:flex;justify-content:space-between;font-size:6px}.op-browser>img{width:88px}.op-browser>strong{display:block;font-size:24px;font-weight:500;line-height:1.05;letter-spacing:-.04em;margin-top:16px}.op-browser>p{font-size:10px;line-height:1.5;max-width:28ch}.op-browser-cta{width:max-content;display:flex;gap:16px;padding:8px 16px;border-radius:9999px;background:var(--ink);color:var(--paper);font-size:8px}.op-browser-cta>span{color:#ff889a}.op-browser-ribbon{position:absolute;right:-8px;bottom:-24px;width:64px;height:144px;border:16px solid #f01e41;border-radius:9999px;transform:rotate(-30deg);z-index:-1}.op-conversation{position:absolute;right:4%;top:52%;width:55%;padding:16px;background:#171514;color:var(--paper);box-shadow:0 16px 24px #322a1d26;transform:rotate(6deg)}.op-conversation>span{font-size:8px;color:#ff91a3}.op-conversation p{font-size:10px;line-height:1.4;background:#39342e;padding:8px;margin:8px 0 0;border-radius:8px}.op-conversation p:last-child{background:#f2ede2;color:#211e19;margin-left:16px}
.op-report{position:absolute;left:7%;top:7%;width:77%;height:85%;padding:24px;background:#faf7ed;box-shadow:0 16px 24px #322a1d26;border:1px solid #c5beaf;transform:rotate(-6deg)}.op-report>img{width:96px}.op-report>span{display:block;font-size:8px;margin-top:16px}.op-report>strong{display:block;font-size:24px;letter-spacing:-.04em;font-weight:500;line-height:1.05;margin:8px 0 16px}.op-report-row{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #d2c9b9;padding:8px 0;font-size:8px}.op-report-row b{font-weight:400;color:#51483d}.op-note{position:absolute;right:4%;top:49%;width:47%;background:var(--red-text);color:#fff8ed;box-shadow:0 16px 24px #322a1d26;padding:16px;transform:rotate(7deg)}.op-note>span{font-size:8px}.op-note strong{display:block;font-size:24px;line-height:1.05;letter-spacing:-.035em;margin-top:16px;font-weight:500}.op-note .op-note-arrow{position:absolute;right:16px;top:48px;font-size:32px}
.operation-front{border-top:1px solid var(--op-rule)}.operation-front:last-child{border-bottom:1px solid var(--op-rule)}.operation-front summary{display:flex;align-items:center;gap:16px;padding:24px 0;list-style:none;cursor:pointer;transition:color .18s,background .18s}.operation-front summary::-webkit-details-marker{display:none}.operation-index{font:10px/1.5 var(--mono);align-self:flex-start;margin-top:8px;color:var(--op-muted)}.operation-front h3{display:block;font-size:24px;line-height:1.05;font-weight:400;letter-spacing:-.035em;margin:0;flex:1}.operation-front h3 br{display:none}.operation-front h3 br:after{content:' '}.operation-expand{font-size:24px;font-weight:300;width:24px;text-align:center;transition:transform .18s}.operation-front[open] summary{color:var(--red-text)}.operation-front[open] .operation-expand{transform:rotate(45deg)}.operation-front summary:hover{color:var(--red-text)}.operation-front summary:active{background:#e4dfd4}.operation-front summary:focus-visible{outline:2px solid var(--red-text);outline-offset:8px}.operation-description{padding:0 0 24px 32px}.operation-description p{font-size:16px;line-height:1.6;color:#39342e;max-width:42ch;margin:0 0 24px}.operation-description ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}.operation-description li{font-size:14px;line-height:1.5;display:flex;align-items:baseline;gap:8px;color:#39342e}.operation-description li:before{content:'·';color:var(--red-text)}.operation-description a{font-size:14px;line-height:1.5;display:flex;width:fit-content;align-items:center;gap:24px;border-bottom:1px solid #827668;padding-bottom:8px}.operation-description a>span{color:var(--red-text)}.operation-description a:hover{color:var(--red-text);border-color:var(--red-text)}
.operations-close{border-top:1px solid var(--op-rule);margin-top:40px;padding-top:24px;display:flex;flex-direction:column;gap:24px}.operations-close p{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0;color:#49453f}.operations-close p strong{font-weight:500;color:var(--ink)}.operations-close a{font-size:14px;line-height:1.5;display:flex;justify-content:space-between;align-items:center;gap:24px}.operations-close a span{color:var(--red-text)}.operations-close a:hover{color:var(--red-text)}
@media(min-width:768px){.operations{padding-block:80px}.operations-heading{grid-template-columns:5fr 3fr;align-items:end;gap:48px;margin-bottom:48px}.operations-heading h2{font-size:48px}.operations .eyebrow{font-size:12px}.operations-grid{grid-template-columns:1fr 1fr;gap:40px;align-items:start}.operation-visual{position:sticky;top:32px;height:440px}.operation-front h3{font-size:32px}.operation-front h3 br{display:block}.operation-description{padding-left:32px}.operations-close{flex-direction:row;justify-content:space-between;align-items:end;margin-top:48px;padding-top:32px}.operations-close p{font-size:24px}.op-print strong{font-size:28px}.op-print{height:83%}.op-media{top:51%}.op-tag{bottom:8px}.op-browser>strong{font-size:28px}.op-browser>p{font-size:12px}.op-browser-bar{font-size:8px;height:32px}.op-conversation p{font-size:12px}.op-report>strong{font-size:32px}.op-report-row{font-size:10px}.op-note strong{font-size:32px}.op-note{top:50%}}
@media(min-width:1024px){.operations{padding-block:96px}.operations-heading{grid-template-columns:7fr 5fr;gap:64px}.operations-heading h2{font-size:64px}.operations-lead{font-size:18px;max-width:34ch}.operations-grid{grid-template-columns:5fr 6fr;gap:80px}.operation-visual{height:520px}.operation-front summary{gap:24px}.operation-front h3{font-size:32px}.operation-front h3 br{display:none}.operation-description{padding-left:40px}.op-print strong{font-size:32px}.op-print-logo{top:7%}.op-print strong{top:18%}.op-media{padding:24px;top:52%}.op-media>span{font-size:10px}.op-media strong{font-size:24px}.op-tag{font-size:12px}.operation-visual-footer{font-size:10px;padding:16px 24px}.op-browser{padding-inline:24px}.op-browser-bar{margin-inline:-24px;padding-inline:24px;margin-bottom:24px}.op-browser>strong{font-size:32px}.op-browser>p{font-size:14px}.op-browser-cta{font-size:10px}.op-conversation{padding:24px}.op-conversation>span{font-size:10px}.op-report{padding:32px}.op-report>span{font-size:10px;margin-top:24px}.op-report>strong{font-size:40px;margin-bottom:24px}.op-report-row{font-size:10px;padding-block:16px}.op-note{padding:24px}.op-note>span{font-size:10px}.op-note strong{font-size:40px}.op-note .op-note-arrow{right:24px;top:56px}.operations-close{margin-top:64px}.operations-close p{font-size:32px}}
@media(prefers-reduced-motion:no-preference){.operation-art.is-entering{animation:op-appear .5s cubic-bezier(.2,.7,.2,1) both}@keyframes op-appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}


/* The hero remains underneath the following opaque sections during its pinned interval. */
.hero-deck{position:relative;z-index:0;background:var(--paper)}
.operations{position:relative;z-index:10;background:#edeae3;border-radius:32px 32px 0 0;box-shadow:0 -16px 48px #11101018;overflow:clip}
.audience,main>footer{position:relative;z-index:10;background:var(--paper)}
.operation-visual{border:0;background:#241f1b;height:416px}.operation-art{inset:0 0 64px;overflow:hidden}.operation-photo{width:100%;height:100%;object-fit:cover;display:block}.operation-photo-caption{position:absolute;left:0;right:0;bottom:0;padding:48px 24px 24px;background:linear-gradient(transparent,#17120ed9 35%,#17120ef2);color:#fff8ed;font-size:24px;font-weight:400;line-height:1.1;letter-spacing:-.03em}.operation-photo-caption span{display:block;font:10px/1.5 var(--mono);letter-spacing:0;margin-bottom:8px;color:#fff8ed}.operation-visual-footer{height:64px;align-items:center;background:#241f1b;border-color:#64594f;color:#fff4e7;padding:16px 24px}.operation-visual-state{color:#ff91a3}.operation-art.is-entering{animation:none}.text-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.text-line>span{display:block}
.projects{position:relative;z-index:10;padding:64px 0;color:#f5f3ee;background:radial-gradient(ellipse at 85% 30%,#282724 0%,#171716 45%,#111110 85%);overflow:hidden;--project-line:#4c4943;--project-muted:#c1bbb0}
.projects-heading{display:grid;gap:24px;margin-bottom:40px}.projects .eyebrow{color:#c1bbb0;font-size:10px;margin:0 0 24px}.projects h2{font-size:64px;line-height:.95;font-weight:400;letter-spacing:-.055em}.projects-heading>p{font-size:16px;line-height:1.5;margin:0;max-width:34ch}.projects-heading>p>span{display:block;color:var(--project-muted);font-size:14px;margin-top:16px}
.project-explorer{display:grid;grid-template-areas:'preview' 'menu';gap:32px}.project-menu{grid-area:menu}.project-option{width:100%;display:grid;grid-template-columns:1fr 24px;text-align:left;gap:8px 16px;border:0;border-top:1px solid var(--project-line);background:transparent;color:#a7a196;padding:16px 0;position:relative;isolation:isolate}.project-option:last-child{border-bottom:1px solid var(--project-line)}.project-category{grid-column:1;font:10px/1.5 var(--mono);color:var(--project-muted)}.project-name{grid-column:1;font-size:32px;letter-spacing:-.04em;line-height:1.1;transition:transform .2s}.project-arrow{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;opacity:0;transform:translate(-8px,8px);transition:opacity .2s,transform .2s}.project-option:after{content:'';position:absolute;left:0;top:-1px;right:0;height:2px;background:#f01e41;transform:scaleX(0);transform-origin:left;transition:transform .25s}.project-option[aria-pressed=true]{color:#fff8ed}.project-option[aria-pressed=true]:after{transform:scaleX(1)}.project-option[aria-pressed=true] .project-arrow{opacity:1;transform:none;color:#ff7f95}.project-option:hover{color:#fff8ed}.project-option:hover .project-name{transform:translateX(8px)}.project-option:focus-visible{outline:2px solid #ff7f95;outline-offset:8px}.project-option:active{background:#ffffff0d;transform:none}.project-option:disabled{opacity:.4;cursor:not-allowed}
.project-preview{grid-area:preview;min-width:0}.project-artwork{display:block;width:100%;height:376px;border:1px solid #49453e;background:radial-gradient(ellipse at 50% 40%,#514b3b,#26231f 70%);padding:24px;position:relative;isolation:isolate;overflow:hidden;color:#fff8ed;border-radius:8px}.project-artwork-inner{display:block;position:absolute;inset:24px 24px 64px;transform-style:preserve-3d}.project-artwork img{position:absolute;width:57%;height:96%;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 16px #0006)}.project-image-back{right:0;top:2%;transform:rotate(9deg)}.project-image-front{left:0;top:0;transform:rotate(-8deg)}.project-open{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:24px;font-size:14px;line-height:1.5;padding:8px 16px;background:#fff8ed;color:#111010;border-radius:9999px}.project-open>span{color:var(--red-text)}.project-artwork:hover .project-open{background:#e9ddcc}.project-artwork:focus-visible{outline-color:#ff7f95}.project-artwork:active{transform:scale(.99)}.project-meta{padding-top:16px;display:grid;gap:8px}.project-current-name{margin:0;font-size:16px;line-height:1.5}.project-current-description{margin:0;color:var(--project-muted);font-size:14px;line-height:1.5;max-width:46ch}.projects-bottom{display:flex;flex-direction:column;gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid var(--project-line)}.projects-bottom p{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin:0;color:var(--project-muted)}.projects-bottom strong{font-weight:400;color:#fff8ed}.projects-bottom a{font-size:14px;line-height:1.5;display:flex;gap:24px;justify-content:space-between;align-items:center}.projects-bottom a>span{color:#ff7f95}.projects-bottom a:hover{color:#ff91a3}
.project-dialog{background:#f5f3ee;color:#111010;border:0;border-radius:16px;padding:24px;max-width:1120px;width:calc(100% - 32px);max-height:90svh;overscroll-behavior:contain;z-index:50}.project-dialog::backdrop{background:#080807dc;backdrop-filter:blur(8px)}.project-dialog-bar{display:flex;justify-content:space-between;gap:16px;align-items:start}.project-dialog .eyebrow{font-size:10px;margin-bottom:16px}.project-dialog h2{font-size:32px;font-weight:400;line-height:1.1;letter-spacing:-.04em}.project-dialog-close{background:#111010;color:#fff8ed;padding:8px 16px;display:flex;gap:16px;align-items:center;border:0;border-radius:9999px;font-size:12px;white-space:nowrap}.project-dialog-close:hover{background:#c4102d}.project-dialog-close>span{font-size:24px}.project-dialog-description{max-width:56ch;font-size:16px;line-height:1.5;margin:24px 0 32px;color:#49453f}.project-gallery{display:grid;gap:24px}.project-gallery figure{margin:0}.project-gallery img{width:100%;height:auto}.project-gallery figcaption{font-size:12px;line-height:1.5;color:#49453f;padding-top:8px}body.project-dialog-open{overflow:hidden}
@media(min-width:768px){.operation-visual{height:480px}.projects{padding:80px 0}.projects-heading{grid-template-columns:5fr 3fr;align-items:end;gap:48px;margin-bottom:48px}.projects h2{font-size:80px}.projects .eyebrow{font-size:12px}.project-explorer{grid-template-areas:'menu preview';grid-template-columns:1fr 1fr;gap:40px;align-items:center}.project-name{font-size:32px}.project-artwork{height:440px}.project-artwork-inner{inset:32px 24px 64px}.project-artwork img{width:62%}.project-meta{min-height:88px}.projects-bottom{flex-direction:row;justify-content:space-between;align-items:end}.project-gallery{grid-template-columns:1fr 1fr}.project-dialog{padding:40px}.project-dialog h2{font-size:40px}}
@media(min-width:1024px){.operation-visual{height:560px}.operation-photo-caption{font-size:32px;padding:64px 32px 32px}.projects{padding:96px 0}.projects-heading{grid-template-columns:7fr 5fr;gap:64px}.projects h2{font-size:104px}.projects-heading>p{font-size:18px}.project-explorer{grid-template-columns:5fr 6fr;gap:80px}.project-option{padding:24px 0}.project-name{font-size:40px}.project-artwork{height:544px}.project-artwork-inner{inset:40px 40px 80px}.project-artwork img{width:59%}.project-meta{grid-template-columns:2fr 3fr;gap:24px;padding-top:24px}.project-current-name{font-size:18px}.projects-bottom{margin-top:64px}.projects-bottom p{font-size:32px}}
@media(prefers-reduced-motion:reduce){.operations{border-radius:0;box-shadow:none}.project-artwork-inner,.motion-heading span,.hero-center{transform:none!important;opacity:1!important}.project-name{transition:none}.hero-deck{position:relative!important;transform:none!important}}

.skip{clip-path:inset(100%)}.skip:focus{clip-path:none}
.real-mockup{position:absolute;inset:0;overflow:hidden}.mockup-plane{position:absolute;left:0;top:0;width:1254px;height:1254px;transform-origin:0 0;isolation:isolate}.mockup-base{position:absolute;inset:0;width:1254px;height:1254px;display:block}.mockup-surface{position:absolute;left:0;top:0;width:1000px;height:1000px;transform-origin:0 0;overflow:hidden;backface-visibility:hidden}.mockup-surface img{display:block;width:100%;height:100%;object-fit:fill}.paper-surface{mix-blend-mode:multiply}.phone-surface{border-radius:64px}.phone-surface:after{content:'';position:absolute;top:0;left:32%;width:36%;height:32px;background:#151513;border-radius:0 0 24px 24px}.desktop-surface,.phone-surface{filter:brightness(.98)}


/* Nine selected portfolios keep the visual preview available while scanning the menu. */
.project-artwork.is-single .project-image-back{display:none}.project-artwork.is-single .project-image-front{width:100%;height:100%;left:0;top:0;transform:none;object-fit:contain}.project-artwork.is-single .project-artwork-inner{inset:24px 24px 72px}.project-artwork.is-single:hover .project-image-front{filter:drop-shadow(0 16px 16px #0006)}
.project-gallery:has(figure:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery:has(figure:nth-child(3)) figure:first-child{grid-column:1/-1}.project-gallery img{display:block;max-height:900px;object-fit:contain;background:#e9e6dd}
@media(max-width:767px){.project-gallery:has(figure:nth-child(3)){grid-template-columns:1fr}.project-gallery:has(figure:nth-child(3)) figure:first-child{grid-column:auto}}
@media(min-width:768px){.project-explorer{align-items:start}.project-preview{position:sticky;top:24px}}

/* Complete project presentations */
.project-dialog{max-width:1280px;max-height:94svh}
.project-dialog-description{max-width:72ch;margin:24px 0;color:#514d46}
.case-chapters{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:16px 0;background:#f5f3ee;border-block:1px solid #d4cfc5;scrollbar-width:thin}
.case-chapters button{flex:none;padding:8px 16px;border:1px solid #aca69b;border-radius:9999px;background:transparent;color:#111010;font:12px/1.5 var(--mono)}
.case-chapters button:hover{background:#111010;color:#f5f3ee}.case-chapters button:focus-visible{outline:2px solid #c4102d;outline-offset:4px}
.project-gallery{display:block}.case-chapter{scroll-margin-top:72px;margin-top:48px}.case-chapter+.case-chapter{padding-top:48px;border-top:1px solid #d4cfc5}
.case-chapter-heading{display:grid;gap:8px 24px;align-items:end;margin-bottom:24px}.case-chapter-heading h3{font-size:32px;line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:0}.case-chapter-heading>span{font:11px/1.5 var(--mono);color:#635e55}.case-chapter-heading>a{font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#a70e2b}
.case-grid{display:grid;gap:24px}.case-grid figure{min-width:0;margin:0}.case-grid figure>a{display:block;position:relative;background:#e9e5dc;overflow:hidden}.case-grid figure>a:after{content:'Ampliar ↗';position:absolute;right:8px;bottom:8px;padding:8px 16px;border-radius:9999px;background:#111010;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s;font-size:12px}.case-grid figure>a:hover:after,.case-grid figure>a:focus-visible:after{opacity:1;transform:none}.case-grid figure>a:focus-visible{outline:2px solid #c4102d;outline-offset:4px}.case-grid img,.project-gallery .case-grid img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#e9e5dc}.case-grid figcaption{padding-top:8px;font:11px/1.5 var(--mono);color:#57524a}
.case-grid-site{grid-template-columns:1fr}.case-grid-site figure{padding-bottom:0}.case-grid-site figcaption{padding-top:8px}

/* Audience section: two contexts, one operation */
.audience{display:block;position:relative;z-index:10;padding:64px 0;background-color:#f5f3ee;background-image:linear-gradient(#ded9d04d 1px,transparent 1px),linear-gradient(90deg,#ded9d04d 1px,transparent 1px);background-size:64px 64px;border-top:1px solid #d4cfc5}
.audience-heading{display:grid;gap:24px;margin-bottom:48px}.audience-heading .eyebrow{margin:0 0 24px;font:12px/1.5 var(--mono);color:#6c665e}.audience-heading h2{font-size:48px;line-height:1.02;font-weight:400;letter-spacing:-.055em}.audience-heading h2 em{font-weight:400;color:#c4102d}.audience-heading>p{max-width:36ch;font-size:16px;line-height:1.6;color:#4c4740;margin:0}
.audience-cards{display:grid;gap:24px}.audience-card{position:relative;display:flex;flex-direction:column;isolation:isolate;min-height:616px;overflow:hidden;border:1px solid #c9c3b8;border-radius:8px;text-decoration:none;color:#111010;transition:transform .2s,border-color .2s,box-shadow .2s}.audience-card:hover{transform:translateY(-8px);border-color:#7c746b;box-shadow:0 24px 48px #1b17111c}.audience-card:active{transform:translateY(-4px) scale(.99)}.audience-card:focus-visible{outline:2px solid #c4102d;outline-offset:4px}.audience-franchise{background:#e9e3d8}.audience-local{background:#e2e9e2}
.audience-card-copy{position:relative;z-index:2;padding:32px 32px 0}.audience-index{font:11px/1.5 var(--mono);letter-spacing:.05em;color:#6a3834}.audience-card h3{display:block;max-width:15ch;font-size:32px;line-height:1.12;font-weight:500;letter-spacing:-.045em;margin:24px 0 16px}.audience-card p{max-width:32ch;margin:0;font-size:14px;line-height:1.6;color:#3d3933}
.audience-card-art{position:absolute;left:0;right:0;bottom:72px;height:288px;overflow:hidden}.audience-card-art:before{content:'';position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(transparent,#e9e3d8a8)}.audience-card-art img{position:absolute;display:block;width:auto;height:264px;object-fit:contain;box-shadow:0 16px 32px #17110d42;transition:transform .3s}.audience-franchise .audience-art-back{right:8%;bottom:-72px;transform:rotate(9deg)}.audience-franchise .audience-art-front{right:40%;bottom:-56px;transform:rotate(-8deg)}.audience-franchise:hover .audience-art-back{transform:translateY(-8px) rotate(11deg)}.audience-franchise:hover .audience-art-front{transform:translateY(-16px) rotate(-10deg)}
.audience-local .audience-card-art:before{background:linear-gradient(transparent,#e2e9e2a8)}.audience-local .audience-art-back{left:2%;bottom:-72px;transform:rotate(-8deg)}.audience-local .audience-art-front{left:22%;bottom:-24px;height:216px;transform:rotate(5deg)}.audience-local:hover .audience-art-back{transform:translateY(-12px) rotate(-10deg)}.audience-local:hover .audience-art-front{transform:translateY(-8px) rotate(7deg)}
.audience-card-action{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;min-height:72px;padding:16px 32px;border-top:1px solid #a8a094;background:#f6f3ebed;font-size:14px;font-weight:500}.audience-local .audience-card-action{background:#f0f5efed}.audience-card-action b{display:grid;place-items:center;width:32px;height:32px;border-radius:9999px;background:#111010;color:white;font-size:18px;font-weight:400;transition:background .2s,transform .2s}.audience-card:hover .audience-card-action b{background:#c4102d;transform:rotate(45deg)}
@media(min-width:768px){.case-chapter-heading{grid-template-columns:1fr auto;align-items:baseline}.case-chapter-heading>a{grid-column:2}.case-grid-identity{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid-creative{grid-template-columns:repeat(3,minmax(0,1fr))}.audience{padding:96px 0}.audience-heading{grid-template-columns:7fr 5fr;align-items:end;gap:48px}.audience .audience-heading h2{font-size:64px}.audience-card{min-height:568px}.audience-card-art{height:320px}.audience-card-art img{height:320px}.audience-local .audience-art-front{height:264px}}
@media(min-width:1024px){.audience{padding:128px 0}.audience .audience-heading h2{font-size:80px}.audience-heading>p{font-size:18px}.audience-cards{grid-template-columns:7fr 5fr}.audience-franchise{min-height:720px}.audience-local{min-height:650px}.audience-franchise h3{font-size:40px}.audience-local h3{font-size:32px}.audience-franchise .audience-card-art{height:336px}.audience-franchise .audience-card-art img{height:336px}.audience-franchise .audience-art-back{right:8%}.audience-franchise .audience-art-front{right:40%}.audience-local .audience-card-art{height:288px}.audience-local .audience-art-back{height:288px}.audience-local .audience-art-front{height:200px}}
@media(prefers-reduced-motion:reduce){.audience-card,.audience-card-art img,.audience-card-action b{transition:none}.audience-card:hover,.audience-card:active{transform:none}.audience-card:hover .audience-card-art img{transform:none}}

/* Hero: one unmistakable action */
.hero-center .hero-cta{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:288px;min-height:72px;padding:8px 8px 8px 24px;overflow:hidden;background:#111010;border:1px solid #111010;box-shadow:0 16px 32px #1b171121;text-align:left;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-cta-copy{display:grid;gap:4px;position:relative;z-index:1}.hero-cta-copy small{font:10px/1.4 var(--mono);color:#d8cec5}.hero-cta-copy strong{font-size:16px;line-height:1.2;font-weight:500;color:#fffaf2}.hero-center .hero-cta .hero-cta-icon{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:9999px;background:var(--red);color:#fff;font-size:24px;transition:transform .2s ease,background .2s ease}.hero-cta:hover{background:#2b2425;transform:translateY(-4px);box-shadow:0 24px 48px #1b17112d}.hero-cta:hover .hero-cta-icon{transform:rotate(45deg);background:#bd102f}.hero-cta:active{transform:translateY(0) scale(.97)}.hero-cta:focus-visible{outline:2px solid var(--red);outline-offset:4px}

/* Portfolio: tactile wall of the twenty approved pieces */
.projects{overflow:visible}.hive-journey{height:145svh;position:relative;margin:0 calc(50% - 50vw) 0}.hive-stage{position:sticky;top:0;height:100svh;min-height:560px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#302924 0%,#161514 58%,#111110 100%);border-block:1px solid #45413c;isolation:isolate}.hive-stage:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.hive-stage-top,.hive-stage-bottom{width:calc(100% - 48px);max-width:1280px;margin-inline:auto;display:flex;justify-content:space-between;gap:24px;position:relative;z-index:20}.hive-stage-top{padding-top:24px;font:10px/1.5 var(--mono);letter-spacing:.05em;color:#d8d0c4}.hive-stage-top span:last-child{display:none}.hive-stage-bottom{align-items:end;padding-bottom:32px;font-size:12px;line-height:1.5;color:#d8d0c4}.hive-stage-bottom p{margin:0}.hive-stage-bottom p:last-child{text-align:right;display:none}.hive-stage-bottom p:last-child span{color:#ff7d94}.hive-current{display:grid;gap:4px}.hive-current span{font:10px/1.5 var(--mono);color:#ff7d94}.hive-current strong{font-size:18px;line-height:1.2;font-weight:500;color:#fffaf2}.hive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:calc(100% - 96px);max-width:1056px;margin:auto;perspective:1200px;transform-style:preserve-3d;will-change:transform,opacity}.hive-slot{min-width:0;position:relative;aspect-ratio:1.12}.hive-slot:nth-child(n+5):nth-child(-n+8),.hive-slot:nth-child(n+13):nth-child(-n+16){transform:translateX(52%)}.hive-cell{position:relative;display:block;width:100%;height:100%;padding:3px;border:0;background:#a1998d;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transition:transform .2s ease,filter .2s ease,background .2s ease;isolation:isolate}.hive-cell:before{content:'';position:absolute;inset:3px;z-index:2;clip-path:inherit;background:linear-gradient(180deg,transparent 56%,#111010ad);pointer-events:none}.hive-cell img{display:block;width:100%;height:100%;object-fit:cover;clip-path:inherit;filter:saturate(.72) contrast(.98);transition:filter .2s ease,transform .2s ease}.hive-cell:hover,.hive-cell:focus-visible{background:#ff3859;transform:scale(1.13);z-index:10;filter:drop-shadow(0 16px 24px #0008)}.hive-cell:hover img,.hive-cell:focus-visible img{filter:none;transform:scale(1.06)}.hive-cell:focus-visible{outline:2px solid #ff8fa3;outline-offset:4px;clip-path:none}.hive-cell:active{transform:scale(1.04)}.hive-cell-label{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;display:none;font:10px/1.3 var(--mono);color:#fff}.hive-slot:nth-child(3n) .hive-cell{background:#746d63}.hive-slot:nth-child(7n) .hive-cell{background:#a5102a}.hive-slot:nth-child(11n) .hive-cell{background:#d0c4b3}.project-explorer{scroll-margin-top:32px}.projects-bottom{position:relative}
@media(prefers-reduced-motion:no-preference){.project-explorer{position:relative;z-index:20;margin-top:-100svh;padding-top:48px;isolation:isolate}.project-explorer:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:#171716;border-top:1px solid #49453e;box-shadow:0 -24px 64px #0005}}

/* Audience: the real work takes the lower half of each card */
.audience-card{min-height:0!important}.audience-card-copy{padding-bottom:24px}.audience-card-art{position:relative;left:auto;right:auto;bottom:auto;flex:none;height:288px;min-height:288px;margin-top:auto;overflow:hidden}.audience-card-art img{height:280px}.audience-card-art:before{z-index:2;height:72px}.audience-card-art:after{position:absolute;left:24px;bottom:24px;z-index:3;padding:8px 16px;border-radius:9999px;background:#fffaf2;color:#30251f;box-shadow:0 4px 16px #17110d2b;font:10px/1.5 var(--mono)}.audience-franchise .audience-card-art:after{content:'TRABALHO REAL · TRI3ZA'}.audience-local .audience-card-art:after{content:'TRABALHO REAL · LORENA BRAGA'}.audience-franchise .audience-art-front{right:38%;bottom:-48px}.audience-franchise .audience-art-back{right:5%;bottom:-56px}.audience-local .audience-art-back{left:4%;bottom:-48px}.audience-local .audience-art-front{left:28%;bottom:-24px;height:216px}.audience-card-action{flex:none}
.audience-card-points{display:grid;gap:0;max-width:32ch;list-style:none;margin:32px 0 0;padding:0;border-top:1px solid #aaa095}.audience-card-points li{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #bcb3a8;font-size:12px;line-height:1.5;font-weight:500}.audience-card-points span{font:10px/1.5 var(--mono);color:#a40f2c}.audience-local .audience-card-points{border-color:#b0bdb3}.audience-local .audience-card-points li{border-color:#c1cfc3}

/* Method: one dark chapter, with the route drawn by scroll */
.method{position:relative;z-index:10;padding:96px 0 64px;color:#f5f3ee;background:#111110;background-image:radial-gradient(ellipse at 15% 12%,#272322 0%,transparent 48%);overflow:clip}.method .eyebrow{color:#bcb6ad}.method-layout{display:grid;gap:64px}.method-intro h2{font-size:48px;line-height:1.04;font-weight:400;letter-spacing:-.055em;margin:0 0 32px}.method-intro h2 em{font-style:normal;color:#ff6079}.method-intro>p:not(.eyebrow){max-width:42ch;font-size:16px;line-height:1.6;color:#c9c2b8;margin:0}.method-indicator{display:flex;align-items:center;gap:24px;margin-top:48px}.method-indicator-track{height:2px;width:112px;background:#615a54;overflow:hidden}.method-indicator-track i{display:block;height:100%;width:33%;background:#ff6079;transform-origin:left}.method-indicator-label{font:10px/1.5 var(--mono);color:#e8dfd4}.method-steps{border-top:1px solid #54504b}.method-step{padding:48px 0 64px;border-bottom:1px solid #54504b;opacity:.48;transition:opacity .25s ease}.method-step.is-active{opacity:1}.method-step>span{font:11px/1.5 var(--mono);color:#ff7d94}.method-step h3{display:block;font-size:32px;line-height:1.1;letter-spacing:-.04em;font-weight:400;margin:24px 0}.method-step p{font-size:16px;line-height:1.6;max-width:48ch;margin:0;color:#d8d0c4}.method-step-output{display:grid;gap:8px;margin-top:32px;padding-top:16px;border-top:1px solid #57514c;font:10px/1.5 var(--mono);color:#a9a197}.method-step-output strong{font:16px/1.5 var(--display);font-weight:500;color:#fff8ed}.method-end{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:64px;font:11px/1.5 var(--mono);color:#bcb6ad}.method-end>a{font:14px/1.5 var(--display);color:#fffaf2;border-bottom:1px solid #a49a8f;padding-bottom:8px;display:flex;gap:24px}.method-end>a span{color:#ff6079}.method-end>a:hover{color:#ff6079;border-color:#ff6079}.method-end>a:focus-visible{outline:2px solid #ff6079;outline-offset:4px}

/* Continuity: selected work, three scales, one direction */
.continuity{position:relative;z-index:10;padding:96px 0 128px;background:#efece5;background-image:linear-gradient(#d6d0c744 1px,transparent 1px),linear-gradient(90deg,#d6d0c744 1px,transparent 1px);background-size:64px 64px;border-bottom:1px solid #d3cec5}.continuity-heading{display:grid;gap:24px;margin-bottom:48px}.continuity-heading h2{font-size:48px;line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:0}.continuity-heading h2 em{font-weight:400;color:#c4102d}.continuity-heading>p:last-child{font-size:16px;line-height:1.6;max-width:38ch;color:#49453f;margin:0}.continuity-grid{display:grid;gap:24px}.continuity-piece{display:flex;flex-direction:column;min-width:0;background:#f9f6ef;border:1px solid #cdc7bd;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.continuity-piece:hover{transform:translateY(-8px);box-shadow:0 24px 48px #241d151c;border-color:#776e64}.continuity-piece:active{transform:translateY(-4px) scale(.99)}.continuity-piece:focus-visible{outline:2px solid #c4102d;outline-offset:4px}.continuity-index{padding:16px 24px;font:10px/1.5 var(--mono);color:#4b443e}.continuity-media{height:296px;overflow:hidden;background:#e7dfd3}.continuity-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.continuity-piece:hover .continuity-media img{transform:scale(1.04)}.continuity-brand .continuity-media img{object-position:center}.continuity-site .continuity-media img{object-position:top}.continuity-campaign .continuity-media img{object-position:center}.continuity-caption{display:flex;align-items:end;justify-content:space-between;gap:16px;min-height:112px;padding:24px}.continuity-caption span{display:grid;gap:8px}.continuity-caption strong{font-size:24px;line-height:1.1;letter-spacing:-.035em;font-weight:500}.continuity-caption small{font-size:12px;line-height:1.5;color:#57514a}.continuity-caption b{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9999px;background:#111010;color:#fff;font-size:18px;font-weight:400}.continuity-end{display:flex;flex-direction:column;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid #cfc8bd}.continuity-end p{font-size:24px;line-height:1.2;letter-spacing:-.035em;max-width:32ch;margin:0}.continuity-end a{width:max-content;display:flex;gap:24px;border-bottom:1px solid #999086;padding-bottom:8px;font-size:14px}.continuity-end a:hover{color:#c4102d;border-color:#c4102d}

@media(min-width:768px){.hero-center .hero-cta{min-width:336px}.hive-stage-top,.hive-stage-bottom{width:calc(100% - 80px)}.hive-stage-top span:last-child,.hive-stage-bottom p:last-child{display:block}.hive-current strong{font-size:24px}.hive-grid{grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 160px);gap:8px}.hive-slot:nth-child(n+5):nth-child(-n+8),.hive-slot:nth-child(n+13):nth-child(-n+16){transform:none}.hive-slot:nth-child(n+6):nth-child(-n+10),.hive-slot:nth-child(n+16):nth-child(-n+20){transform:translateX(52%)}.hive-cell-label{display:block}.audience-card-art{height:320px;min-height:320px}.audience-card-art img{height:320px}.audience-local .audience-art-front{height:264px}.method{padding:128px 0 80px}.method-layout{grid-template-columns:5fr 7fr;gap:64px}.method-intro{position:sticky;top:96px;align-self:start}.method-intro h2{font-size:64px}.method-step{min-height:440px;padding:96px 0 64px}.method-step h3{font-size:40px}.continuity{padding:128px 0}.continuity-heading{grid-template-columns:7fr 5fr;align-items:end;gap:48px}.continuity-heading h2{font-size:64px}.continuity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.continuity-media{height:320px}.continuity-end{flex-direction:row;justify-content:space-between;align-items:end}.continuity-end p{font-size:32px}}
@media(min-width:1024px){.hive-stage-top,.hive-stage-bottom{width:calc(100% - 160px)}.hive-grid{width:calc(100% - 224px)}.hive-cell-label{font-size:11px}.audience-franchise .audience-card-art{height:360px;min-height:360px}.audience-franchise .audience-card-art img{height:360px}.audience-local .audience-card-art{height:320px;min-height:320px}.audience-local .audience-art-back{height:320px}.audience-local .audience-art-front{height:224px}.method-intro h2{font-size:72px}.continuity-heading h2{font-size:80px}.continuity-media{height:376px}}
@media(prefers-reduced-motion:reduce){.hive-journey{height:auto}.hive-stage{position:relative;height:auto;min-height:560px}.hive-grid{will-change:auto}.hive-cell,.hive-cell img,.continuity-piece,.continuity-media img,.hero-cta,.hero-cta-icon{transition:none!important}.method-step{opacity:1}.hive-cell:hover,.continuity-piece:hover,.hero-cta:hover{transform:none}}

/* The portfolio opens as two moving ribbons of the actual approved work. */
.projects{background:#fffdf9;color:#111010}.projects .eyebrow{color:#5a544c}.projects-heading>p{color:#292521}.projects-heading>p>span{color:#5a544c}.hive-stage{background:#fffdf9;border-block:0;min-height:560px}.hive-stage:before{display:none}.hive-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:none;margin:auto 0 0;perspective:none;transform-style:flat}.hive-row{width:100%;height:208px;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.hive-track{display:flex;gap:16px;align-items:center;width:max-content;height:100%;will-change:transform}.hive-slot{flex:none;width:168px;height:200px;aspect-ratio:auto;transform:none!important}.hive-slot:nth-child(4n+2){width:184px}.hive-slot:nth-child(5n){width:152px}.hive-cell{display:block;width:100%;height:100%;padding:0;border:1px solid #d3cfc7;border-radius:8px;clip-path:none;overflow:hidden;background:#eae5da;filter:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hive-cell:before{inset:0;clip-path:none;z-index:1;background:linear-gradient(transparent 55%,#151210bd);opacity:0;transition:opacity .2s ease}.hive-cell img{width:100%;height:100%;clip-path:none;object-fit:cover;filter:none;transition:transform .3s ease}.hive-cell-label{left:16px;right:16px;bottom:16px;z-index:2;display:block;font:12px/1.3 var(--display);font-weight:500;color:#fff;opacity:0;transition:opacity .2s ease}.hive-cell:hover,.hive-cell:focus-visible{z-index:10;transform:translateY(-8px) scale(1.03);border-color:#f01e41;box-shadow:0 16px 32px #241d1533;filter:none}.hive-cell:hover:before,.hive-cell:focus-visible:before,.hive-cell:hover .hive-cell-label,.hive-cell:focus-visible .hive-cell-label{opacity:1}.hive-cell:hover img,.hive-cell:focus-visible img{transform:scale(1.04)}.hive-cell:focus-visible{outline:2px solid #c4102d;outline-offset:4px;clip-path:none}.hive-cell:active{transform:translateY(-2px) scale(.99)}.hive-slot:nth-child(3n) .hive-cell,.hive-slot:nth-child(7n) .hive-cell,.hive-slot:nth-child(11n) .hive-cell{background:#eae5da}
.hive-stage-bottom{z-index:20;align-items:center;gap:24px;padding:24px 0 32px;margin-top:16px;border-top:1px solid #d6d0c6;color:#49453f}.hive-stage-bottom p:last-child{display:block}.hive-current{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.hive-current span{font:10px/1.5 var(--mono);color:#6c6259}.hive-current strong{font-size:14px;line-height:1.5;font-weight:400;color:#111010}.hive-scroll-cue{display:none!important;font:11px/1.5 var(--mono);color:#6a625b}.hive-controls{display:flex;gap:8px;align-items:center;flex:none}.hive-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d3cec6;border-radius:9999px;background:#fffdf9;color:#111010;font-size:16px;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.hive-controls button:hover{background:#111010;color:#fff;border-color:#111010}.hive-controls button:active{transform:scale(.97)}.hive-controls button:focus-visible{outline:2px solid #c4102d;outline-offset:4px}.hive-controls [data-ribbon=pause]{background:#111010;color:#fff;border-color:#111010}.hive-controls [data-ribbon=pause]:hover{background:#c4102d;border-color:#c4102d}.hive-controls [data-ribbon=pause][aria-pressed=true]{background:#c4102d;border-color:#c4102d}
.project-explorer{position:relative;z-index:20;color:#f5f3ee;isolation:isolate;padding-top:48px}.project-explorer:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:#171716;border-top:1px solid #49453e;box-shadow:0 -24px 64px #0003}.projects-bottom{z-index:20;color:#f5f3ee;isolation:isolate;padding-bottom:64px}.projects-bottom:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:#171716}.projects-bottom p{color:#c1bbb0}.projects-bottom strong{color:#fff8ed}.projects-bottom a{color:#fff8ed}
@media(min-width:768px){.hive-row{height:248px}.hive-slot{width:200px;height:240px}.hive-slot:nth-child(4n+2){width:224px}.hive-slot:nth-child(5n){width:184px}.hive-stage-bottom{min-height:80px}.hive-current span{font-size:11px}.hive-current strong{font-size:14px}.hive-scroll-cue{display:block!important;margin-left:auto!important;margin-right:24px!important}}
@media(prefers-reduced-motion:reduce){.hive-row{overflow-x:auto;mask-image:none;scrollbar-width:thin}.hive-track{will-change:auto}.hive-grid{will-change:auto}.hive-cell,.hive-cell img,.hive-controls button{transition:none!important}}
.hive-journey{height:175svh}.hive-stage{height:100svh}.hive-stage .projects-heading{width:calc(100% - 48px);max-width:1280px;margin:0 auto;padding-top:32px}.project-explorer{margin-top:-100svh}
@media(max-width:767px){.hive-row{height:168px}.hive-slot{width:136px;height:160px}.hive-slot:nth-child(4n+2){width:152px}.hive-slot:nth-child(5n){width:128px}.hive-stage .projects-heading{gap:8px}.hive-stage .projects-heading>p{font-size:14px}.hive-stage .projects-heading h2{font-size:48px}.hive-stage-bottom{gap:16px}.hive-current{max-width:190px}.hive-current strong{font-size:14px}}
@media(min-width:768px){.hive-stage .projects-heading{width:calc(100% - 80px);padding-top:48px}}
@media(min-width:1024px){.hive-stage .projects-heading{width:calc(100% - 160px)}}
@media(prefers-reduced-motion:reduce){.hive-journey{height:auto}.hive-stage{height:auto;min-height:100svh}.project-explorer{margin-top:0}}
.hive-grid{margin:auto 0}.hive-stage .projects-heading{padding-top:32px}
@media(min-width:1024px){.hive-stage .projects-heading h2{font-size:96px}}

/* Keep the portfolio sequence continuous through the dark project menu. */
.projects{padding-block:0;background:#171716}
.project-explorer{padding-top:64px}
.project-menu{counter-reset:project}
.project-menu-intro{display:flex;justify-content:space-between;gap:16px;padding:0 0 24px;color:#f4f0e8;font:11px/1.5 var(--mono);letter-spacing:.08em}
.project-menu-intro span:last-child{color:#f35a70}
.project-option{counter-increment:project;color:#e8e2d7;border-color:#665f56}
.project-option .project-category{color:#c8c0b5}
.project-option .project-category:before{content:counter(project,decimal-leading-zero) ' / ';color:#f35a70}
.project-option .project-arrow{opacity:.8;transform:none;color:#f35a70}
.project-option:hover,.project-option:focus-visible{color:#fff}
.project-option:hover .project-arrow,.project-option:focus-visible .project-arrow{opacity:1;transform:translate(4px,-4px)}
.project-option[aria-pressed=true]{color:#fff}
.project-option[aria-pressed=true] .project-category{color:#f7b1bd}
.projects-bottom{margin-top:48px;padding-bottom:64px}

/* Nine project-specific covers composed from the original approved case art. */
.project-artwork.has-cover{padding:0;overflow:hidden}
.project-artwork.has-cover .project-artwork-inner{inset:0;transform-style:flat}
.case-cover{position:absolute;inset:0;display:grid;grid-template-rows:48px minmax(0,1fr) 96px;background:var(--cover-bg);color:var(--cover-text);overflow:hidden}
.case-cover-top{display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--cover-rule);font:10px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.case-cover-media{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}
.project-artwork.has-cover .case-cover-media img{display:block;position:static!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none!important;transform:none!important}
.case-cover-bottom{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:8px 152px 8px 24px;border-top:1px solid var(--cover-rule)}
.case-cover-bottom strong{font-size:28px;line-height:1;letter-spacing:-.04em;font-weight:500}
.case-cover-bottom small{font:10px/1.4 var(--mono);opacity:.75}
.project-artwork.has-cover .project-open{z-index:20;background:#171716;color:#fffaf2}
.project-artwork.has-cover .project-open>span{color:#ff7188}
.project-artwork.has-cover:hover .project-open{background:#f01e41;color:white}
.project-artwork.has-cover:hover .project-open>span{color:white}
.case-cover--poster{grid-template-columns:60% 40%;grid-template-rows:minmax(0,1fr)}
.case-cover--poster .case-cover-media{grid-column:1;grid-row:1;padding:24px 0 24px 24px}
.case-cover--poster .case-cover-top{grid-column:2;grid-row:1;align-self:start;display:block;padding:24px 16px;border:0;border-left:1px solid var(--cover-rule)}
.case-cover--poster .case-cover-bottom{grid-column:2;grid-row:1;align-self:end;min-height:50%;justify-content:end;padding:16px 16px 80px;border:0;border-left:1px solid var(--cover-rule)}
.case-cover--poster .case-cover-bottom strong{overflow-wrap:anywhere}
@media(max-width:767px){.case-cover{grid-template-rows:40px minmax(0,1fr) 80px}.case-cover-top{padding-inline:16px;font-size:9px}.case-cover-bottom{padding-left:16px;padding-right:120px}.case-cover-bottom strong{font-size:24px}.case-cover--poster{grid-template-columns:58% 42%;grid-template-rows:1fr}.case-cover--poster .case-cover-media{padding:16px 0 16px 16px}.case-cover--poster .case-cover-top{padding:16px 8px;font-size:9px}.case-cover--poster .case-cover-bottom{padding:8px 8px 72px}.case-cover--poster .case-cover-bottom strong{font-size:20px}.case-cover--poster .case-cover-bottom small{font-size:9px}.project-artwork.has-cover .project-open{bottom:12px;right:12px;font-size:12px}}

/* Each portfolio image uses its own ratio; the editorial grid fits the art. */
.continuity{background-color:#f6f3ed}
.continuity-grid{align-items:start}
.continuity-piece{background:#fffdf9;border-color:#d2cbc1}
.continuity-index{padding:16px 24px;border-bottom:1px solid #ded8cf;background:#fffdf9;color:#4b443e}
.continuity-media{height:auto;overflow:hidden;background:transparent}
.continuity-media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;transform:none!important}
.continuity-caption{min-height:112px;background:#fffdf9;border-top:1px solid #ded8cf}
.continuity-piece:hover .continuity-media img{transform:none}
@media(min-width:768px){.continuity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.continuity-brand{grid-column:1;grid-row:1}.continuity-site{grid-column:1;grid-row:2}.continuity-campaign{grid-column:2;grid-row:1 / span 2}.continuity-caption{min-height:128px}}

/* Two independently moving rows of original client marks. */
.client-gallery{position:relative;z-index:10;overflow:hidden;padding:96px 0 80px;background:#171716;color:#fffaf2;border-top:1px solid #46413a}
.client-gallery-heading{display:grid;gap:32px;align-items:end;margin-bottom:56px}
.client-gallery .eyebrow{margin:0 0 24px;color:#c4bcb1;font:11px/1.5 var(--mono);letter-spacing:.08em}
.client-gallery h2{margin:0;font-size:48px;line-height:1.04;font-weight:400;letter-spacing:-.055em}
.client-gallery h2 em{font-weight:400;color:#f01e41}
.client-gallery-context{display:grid;gap:24px;justify-items:start}
.client-gallery-context p{max-width:38ch;margin:0;color:#d7d0c5;font-size:16px;line-height:1.6}
.client-gallery-pause{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid #696158;border-radius:9999px;background:transparent;color:#fffaf2;font:12px/1.4 var(--mono);transition:background .2s ease,border-color .2s ease}
.client-gallery-pause span{display:grid;place-items:center;width:24px;height:24px;border-radius:9999px;background:#f01e41;color:white}
.client-gallery-pause:hover{background:#ffffff16;border-color:#aaa39a}
.client-gallery-pause:focus-visible{outline:2px solid #ff7188;outline-offset:4px}
.client-gallery-pause:active{transform:scale(.97)}
.client-gallery-rows{display:grid;gap:16px}
.client-gallery-row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);border-block:1px solid #4b463f}
.client-gallery-track{display:flex;width:max-content;animation:client-logos-left 45s linear infinite;will-change:transform}
.client-gallery:not(.is-ready) .client-gallery-track{visibility:hidden;animation-play-state:paused}
.client-gallery-row[data-logo-row=reverse] .client-gallery-track{animation-name:client-logos-right;animation-duration:49s}
.client-gallery-row:hover .client-gallery-track,.client-gallery.is-paused .client-gallery-track{animation-play-state:paused}
.client-gallery-group{display:flex;flex:none;width:max-content}
.client-gallery-item{display:grid;place-items:center;flex:0 0 176px;width:176px;height:104px;padding:16px 24px;border-right:1px solid #4b463f}
.client-gallery-item img{display:block;max-width:100%;max-height:56px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.83;transition:opacity .2s ease,transform .2s ease}
.client-gallery-item:hover img{opacity:1;transform:scale(1.06)}
.client-gallery-item img[src$='meu-parmegiana.webp'],.client-gallery-item img[src$='luad.webp'],.client-gallery-item img[src$='new-card.png'],.client-gallery-item img[src$='private-idiomas.webp'],.client-gallery-item img[src$='mentel-seguros.webp']{filter:none}
.client-gallery-item img[src$='flow.webp']{filter:none;mix-blend-mode:lighten}
.client-gallery-item img[src$='maria-amelia.png']{transform:scale(1.8)}
.client-gallery-item:hover img[src$='maria-amelia.png']{transform:scale(1.9)}
.client-gallery-wordmark{font-size:16px;font-weight:600;line-height:1.2;text-align:center;color:#fffaf2}
.client-gallery-note{margin-top:32px;color:#a9a095;font:11px/1.5 var(--mono)}
@keyframes client-logos-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes client-logos-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(min-width:768px){.client-gallery-heading{grid-template-columns:7fr 5fr;gap:48px}.client-gallery h2{font-size:64px}.client-gallery-item{flex-basis:240px;width:240px;height:128px;padding:24px 32px}.client-gallery-item img{max-height:72px}}
@media(min-width:1024px){.client-gallery h2{font-size:80px}.client-gallery-heading{margin-bottom:64px}}
@media(prefers-reduced-motion:reduce){.client-gallery-row{overflow-x:auto;mask-image:none;scrollbar-width:thin}.client-gallery-track{animation:none!important;will-change:auto}.client-gallery-group[aria-hidden=true]{display:none}.client-gallery-item img{transition:none}}

/* Editorial action: one line, square arrow bay, no nested pill. */
.hero-center .hero-cta{isolation:isolate;width:min(100%,360px);min-width:0;min-height:64px;height:64px;gap:0;padding:0;border:1px solid #171716;border-radius:8px;background:#171716;box-shadow:0 8px 24px #1717161a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.hero-center .hero-cta::before{content:"";position:absolute;inset:0;background:var(--red);transform:scaleX(.012);transform-origin:left;transition:transform .25s ease;z-index:0}
.hero-center .hero-cta .hero-cta-copy{display:flex;align-items:center;flex:1;min-width:0;height:100%;padding:0 24px;color:#fffaf2;font-size:16px;line-height:1.2;font-weight:600;letter-spacing:-.025em}
.hero-center .hero-cta .hero-cta-icon{width:64px;height:100%;border-left:1px solid #ffffff44;border-radius:0;background:transparent;color:#fffaf2;font-size:24px;transition:transform .2s ease}
.hero-center .hero-cta:hover{background:#171716;transform:translateY(-2px);box-shadow:0 16px 32px #1717162a}
.hero-center .hero-cta:hover::before{transform:scaleX(1)}
.hero-center .hero-cta:hover .hero-cta-icon{background:transparent;transform:translate(4px,-4px)}
.hero-center .hero-cta:active{transform:translateY(0) scale(.97)}
.hero-center .hero-cta:focus-visible{outline:2px solid var(--red);outline-offset:4px}

/* Idle animations do not retain GPU layers outside the viewport. */
.central-hero.offscreen .flight{will-change:auto}
.client-gallery:not(.in-view) .client-gallery-track{animation-play-state:paused;will-change:auto}
@media(prefers-reduced-motion:reduce){.hero-center .hero-cta::before,.hero-center .hero-cta .hero-cta-icon{transition:none}}

/* V14 — sales-first alternative. The V13 files and public site stay intact. */
:root{--v14-action:#d51035;--v14-ink:#111010}
.header .nav-cta{min-height:48px;padding:0 24px;border:1px solid var(--v14-ink);border-radius:9999px;font-weight:600;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}
.header .nav-cta span{color:var(--red-text);font-size:20px;line-height:1}
.header .nav-cta:hover{background:var(--v14-ink);color:var(--paper)}
.header .nav-cta:hover span{color:#ff5c76}
.central-hero{min-height:824px;padding-top:72px;padding-bottom:152px;background:var(--paper)}
.hero-center{max-width:1160px}
.hero-center .eyebrow{margin-bottom:32px;color:#35312c;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.hero-center h1{font-family:"Pathway Extreme",var(--display);font-size:clamp(48px,12.3vw,72px);line-height:1.02;font-weight:600;letter-spacing:-.058em;margin-bottom:32px;text-shadow:0 0 32px var(--paper),0 0 64px var(--paper)}
.hero-center h1 em{color:var(--red-text);font-weight:500;font-style:normal}
.hero-center .center-intro{max-width:600px;margin:0 auto 32px;color:#292623;font-size:18px;line-height:1.55;font-weight:500;text-wrap:balance}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px}
.hero-center .hero-cta{width:auto;min-width:288px;min-height:64px;height:64px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:0 12px 0 32px;background:var(--v14-action);border:2px solid var(--v14-action);border-radius:9999px;box-shadow:0 12px 28px #a5122a25;overflow:visible;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hero-center .hero-cta::before{display:none}
.hero-center .hero-cta .hero-cta-copy{padding:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.hero-center .hero-cta .hero-cta-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #ffffff80;border-radius:9999px;color:#fff;font-size:22px;line-height:1;transition:transform .2s ease,background .2s ease,color .2s ease}
.hero-center .hero-cta:hover{background:var(--v14-ink);border-color:var(--v14-ink);box-shadow:0 16px 32px #1717162d;transform:translateY(-2px)}
.hero-center .hero-cta:hover .hero-cta-icon{background:#fff;color:var(--v14-ink);transform:translate(2px,-2px)}
.hero-center .hero-cta:active{transform:translateY(0) scale(.97)}
.hero-center .hero-cta:focus-visible{outline:2px solid var(--v14-ink);outline-offset:4px}
.hero-secondary{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;border-bottom:1px solid #89847b;color:var(--v14-ink);font-size:16px;font-weight:600;transition:border-color .2s ease,color .2s ease,transform .2s ease}
.hero-secondary:hover{color:var(--red-text);border-color:var(--red-text)}
.hero-secondary span{font-size:20px;color:var(--red-text)}
.hero-secondary:focus-visible{outline:2px solid var(--red-text);outline-offset:4px}
.hero-qualifier{margin:24px 0 0;color:#49453f;font-size:14px;line-height:1.5}
.hero-edge>span{color:#605a54;text-transform:uppercase;letter-spacing:.04em}
.hero-edge p{font-size:14px;font-weight:500;color:#24211f}
.flight-c{opacity:.88}
.flight-d{opacity:.9}
.red-poster strong{font-weight:500}
.projects-heading p:not(.eyebrow){max-width:40ch}
@media(min-width:768px){.hero-center h1{font-size:clamp(72px,6.4vw,92px)}.central-hero{height:calc(100svh - 104px);min-height:760px;max-height:980px;padding-bottom:128px}.hero-center .center-intro{font-size:20px}.hero-edge{bottom:104px}}
@media(min-width:1024px){.hero-center h1{font-size:clamp(80px,6.4vw,92px)}.hero-edge{bottom:128px}.flight-a{left:-136px;top:13%}.flight-b{right:-192px;top:29%}.flight-c{left:18%;top:84%}.flight-d{right:20%;top:-21%}}
@media(max-width:767px){.header .nav-cta{min-height:40px;padding:0 16px;font-size:12px}.header .nav-cta span{font-size:16px}.central-hero{min-height:760px;padding:104px 24px 112px;justify-content:flex-start}.hero-center .eyebrow{font-size:10px;margin-bottom:24px}.hero-center h1{font-size:clamp(46px,10.8vw,64px);margin-bottom:24px}.hero-center .center-intro{font-size:16px;margin-bottom:32px}.hero-actions{flex-direction:column;gap:16px}.hero-center .hero-cta{width:min(100%,336px);margin:0;min-width:0}.hero-secondary{font-size:14px;min-height:40px}.hero-qualifier{font-size:12px;margin-top:16px}.hero-edge{display:none}.flight-a{left:-216px;top:32%;opacity:.5}.flight-b{right:-248px;top:49%;opacity:.5}.flight-c{left:-80px;top:77%;opacity:.55}.flight-d{right:-64px;top:-13%;opacity:.55}.reading-space{background:linear-gradient(to bottom,#f5f3eedd,#f5f3eef7 26%,#f5f3ee 62%,#f5f3eee8)}.hero-floor{padding-block:16px}}
@media(prefers-reduced-motion:reduce){.hero-center .hero-cta,.hero-center .hero-cta .hero-cta-icon,.hero-secondary,.header .nav-cta{transition:none}}

/* V15: real work remains in the white ribbon; the following spread visualizes the commercial flow. */
.hero-center .hero-cta{width:max-content;max-width:100%;min-width:0;justify-content:center;gap:16px;padding:0 8px 0 24px}
.hero-center .hero-cta .hero-cta-copy{flex:0 0 auto}
.client-gallery-strip{padding:32px 0 40px;background:#171716;border-block:1px solid #34312d;color:#fffaf2}
.client-gallery-strip .client-gallery-rows{gap:8px}
.client-gallery-strip .client-gallery-row{border-color:#49443e}
.client-gallery-strip .client-gallery-item{height:88px}
.client-gallery-strip .client-gallery-item img{max-height:56px}
.client-gallery-strip .client-gallery-row:hover .client-gallery-track{animation-play-state:running}
.projects-heading h2 em{color:var(--red-text)}
.project-explorer[hidden]{display:none!important}
.performance-stage{position:relative;z-index:20;display:flex;flex-direction:column;justify-content:center;gap:48px;width:100vw;min-height:100svh;margin:-100svh 0 0 calc(50% - 50vw);padding:72px 24px 88px;background:#171716;color:#f5f3ee;box-shadow:0 -32px 64px #0002}
.performance-stage .eyebrow{color:#d4cbc2;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.performance-stage-head{display:grid;gap:24px;align-items:end;max-width:1280px;width:100%;margin:0 auto}
.performance-stage-head h2{font-size:48px;line-height:1.03;letter-spacing:-.055em;font-weight:400}
.performance-stage-head h2 em{color:#ff536f;font-style:normal}
.performance-stage-head>p{max-width:38ch;margin:0;color:#d9d1c6;font-size:16px;line-height:1.6}
.lead-motion{position:relative;isolation:isolate;max-width:1280px;width:100%;min-height:588px;margin:0 auto;padding:40px 24px 24px;overflow:hidden;border:1px solid #5a534d;border-radius:16px;background:radial-gradient(ellipse at 50% 25%,#25211f 0%,#10100f 70%);box-shadow:0 32px 48px #0004}
.lead-motion-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.lead-motion-flow{position:absolute;z-index:20;left:10%;right:10%;top:46px;height:2px;background:#ffffff30}
.lead-motion-flow:before,.lead-motion-flow:after{position:absolute;top:-24px;color:#d7cdc3;font:10px/1.5 var(--mono);letter-spacing:.04em}
.lead-motion-flow:before{content:'SINAIS DE INTERESSE';left:0}
.lead-motion-flow:after{content:'CONVERSA COMERCIAL';right:0}
.flow-line{display:block;width:100%;height:2px;background:#f01e41;box-shadow:0 0 16px #f01e4180;transform-origin:left;animation:line-charge 7s ease-in-out infinite}
.flow-signal{position:absolute;top:-5px;left:0;width:12px;height:12px;border:2px solid #fff2e5;border-radius:9999px;background:#f01e41;box-shadow:0 0 0 8px #f01e4122,0 0 24px #f01e4190;animation:signal-travel 7s cubic-bezier(.4,0,.2,1) infinite}
.flow-signal-b{animation-delay:-2.3s}.flow-signal-c{animation-delay:-4.6s}
.flow-signal-d{animation-delay:-1.1s}.flow-signal-e{animation-delay:-3.4s}.flow-signal-f{animation-delay:-5.7s}
.lead-motion-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative;z-index:10;max-width:1120px;margin:16px auto 0}
.lead-stage{position:relative;display:flex;flex-direction:column;gap:24px;min-width:0;animation:stage-breathe 7s ease-in-out infinite}
.lead-stage:not(:last-child):after{content:'→';position:absolute;z-index:20;right:-36px;top:124px;display:grid;place-items:center;width:24px;height:24px;border-radius:9999px;background:#f01e41;color:#fffaf2;font-size:18px;line-height:1;box-shadow:0 0 0 8px #f01e4120;animation:arrow-pulse 7s ease-in-out infinite}
.lead-stage-page:not(:last-child):after{animation-delay:-2.3s}
.lead-stage-page{animation-delay:-2.3s}.lead-stage-conversation{animation-delay:-4.6s}
.lead-stage-screen{display:grid;place-items:center;height:280px;padding:24px;border:1px solid #625a53;border-radius:8px;background:#211e1b;box-shadow:0 24px 32px #0004}
.lead-stage-label{display:grid;gap:8px;text-align:left}
.lead-stage-label>span{color:#f47a8e;font:11px/1.5 var(--mono);letter-spacing:.04em}
.lead-stage-label strong{font-size:32px;line-height:1.1;letter-spacing:-.04em;font-weight:500}
.lead-stage-label small{color:#c9bfb3;font-size:14px;line-height:1.5}
.campaign-layout,.page-browser,.conversation-layout{position:relative;width:100%;max-width:240px;height:200px;overflow:hidden;border:1px solid #bdb3a7;border-radius:4px;background:#f5f0e7;box-shadow:6px 10px 16px #0005}
.campaign-layout{transform:rotate(-7deg)}
.campaign-shape{position:absolute;left:12%;top:10%;width:80%;height:52%;background:linear-gradient(145deg,#161515 0 40%,#f01e41 40% 62%,#161515 62%);clip-path:polygon(0 0,100% 0,80% 100%,0 100%);animation:creative-shift 7s ease-in-out infinite}
.campaign-line{position:absolute;left:12%;bottom:26%;width:72%;height:12px;background:#171716;transform-origin:left;animation:graphic-reveal 7s ease-in-out infinite}
.campaign-line.short{bottom:16%;width:48%;height:8px;animation-delay:.15s}
.campaign-cta{position:absolute;right:12%;bottom:12%;width:24px;height:24px;border-radius:9999px;background:#d51035;animation:graphic-pulse 7s ease-in-out infinite}
.page-browser{border-color:#49443e;background:#f5f3ee}
.page-top{position:absolute;inset:0 0 auto;height:24px;border-bottom:1px solid #d1c8bb;background:#e8e2d8}
.page-top:before{content:'•••';position:absolute;left:10px;top:1px;color:#7c7268;font-size:18px;letter-spacing:2px}
.page-headline{position:absolute;left:12%;top:27%;width:62%;height:44px;background:linear-gradient(to bottom,#171716 0 13px,transparent 13px 19px,#171716 19px 32px,transparent 32px)}
.page-copy{position:absolute;left:12%;top:58%;width:74%;height:6px;background:#77716b;box-shadow:0 12px #a09b94}
.page-copy.short{top:70%;width:48%;box-shadow:none}
.page-button{position:absolute;left:12%;bottom:11%;width:42%;height:22px;border-radius:9999px;background:#d51035;animation:button-glow 7s ease-in-out infinite}
.conversation-layout{border-color:#3b3834;background:#eee9df}
.conversation-layout:before{content:'';position:absolute;inset:0 0 auto;height:26px;background:#171716}
.conversation-layout:after{content:'';position:absolute;top:8px;left:12px;width:10px;height:10px;border-radius:9999px;background:#f01e41}
.message-one,.message-two,.message-three{position:absolute;left:12%;top:27%;width:58%;height:23px;border-radius:8px 8px 8px 2px;background:#fff;box-shadow:0 2px 4px #0002;animation:message-appear 7s ease-in-out infinite}
.message-two{left:auto;right:12%;top:48%;width:64%;background:#171716;animation-delay:.25s}
.message-three{top:70%;width:48%;animation-delay:.5s}
.message-cursor{position:absolute;right:14%;bottom:11%;width:8px;height:8px;border-radius:9999px;background:#f01e41;box-shadow:14px 0 #f01e41,28px 0 #f01e41;animation:typing 1s ease-in-out infinite alternate}
.lead-motion-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #4b443e;color:#c9bfb3;font:10px/1.5 var(--mono);letter-spacing:.03em}
.performance-stage-close{display:flex;flex-direction:column;gap:24px;max-width:1280px;width:100%;margin:0 auto}
.performance-stage-close p{margin:0;color:#c1bab0;font-size:24px;line-height:1.2;letter-spacing:-.03em}
.performance-stage-close strong{color:#fffaf2;font-weight:400}
.performance-stage-close a{display:inline-flex;align-items:center;gap:24px;width:max-content;max-width:100%;border-bottom:1px solid #aca49a;padding:8px 0;color:#fffaf2;font-size:14px;line-height:1.5}
.performance-stage-close a:hover{color:#ff738a;border-color:#ff738a}
.performance-stage-close a span{color:#ff738a}
.performance-stage-close a:focus-visible{outline:2px solid #ff738a;outline-offset:4px}
@keyframes line-charge{0%,8%{transform:scaleX(0)}72%,100%{transform:scaleX(1)}}
@keyframes signal-travel{0%{left:0;transform:scale(.65);opacity:0}8%{opacity:1}74%{left:100%;transform:scale(1);opacity:1}84%,100%{opacity:0}}
@keyframes stage-breathe{0%,100%{transform:translateY(0);border-color:#625a53}28%,48%{transform:translateY(-8px)}70%{transform:translateY(0)}}
@keyframes creative-shift{0%,15%,100%{transform:translateX(-6px);opacity:.65}35%,70%{transform:translateX(0);opacity:1}}
@keyframes graphic-reveal{0%,15%{transform:scaleX(0)}38%,100%{transform:scaleX(1)}}
@keyframes graphic-pulse{0%,25%,100%{transform:scale(1)}35%,45%{transform:scale(1.28)}}
@keyframes button-glow{0%,35%,100%{box-shadow:0 0 0 0 #d5103540}47%{box-shadow:0 0 0 8px #d5103500}}
@keyframes message-appear{0%,42%{transform:translateY(16px);opacity:0}60%,100%{transform:translateY(0);opacity:1}}
@keyframes typing{from{opacity:.4}to{opacity:1}}
@keyframes arrow-pulse{0%,100%{transform:scale(.85);box-shadow:0 0 0 0 #f01e4100}28%,42%{transform:scale(1.2);box-shadow:0 0 0 10px #f01e4100}}
.performance-stage:not(.in-view) .lead-motion *{animation-play-state:paused}
.continuity-performance{background:#f5f3ee;padding:96px 0 128px}
.continuity-performance .continuity-heading{margin-bottom:48px}
.funnel-film{border:1px solid #bfb8af;border-radius:16px;overflow:hidden;background:#171716;color:#fffaf2;box-shadow:0 32px 48px #1c17111c}
.funnel-film-media{position:relative;aspect-ratio:16/9;background:#e9e1d4 url('assets/funil-performance-poster.webp') center/contain no-repeat;overflow:hidden}
.funnel-film-media video{display:block;width:100%;height:100%;object-fit:cover}
.funnel-film-overlay{position:absolute;inset:0;pointer-events:none}
.film-point{position:absolute;bottom:8%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff88;border-radius:9999px;background:#111010e8;color:#fffaf2;font:11px/1.5 var(--mono);box-shadow:0 8px 20px #0003}
.film-point strong{font:600 13px/1.4 var(--display)}
.film-point-creative{left:7%}.film-point-page{left:43%}.film-point-contact{right:7%}
.funnel-film-footer{display:grid;gap:16px;padding:24px;border-top:1px solid #48433e}
.funnel-film-footer>span{font:10px/1.5 var(--mono);letter-spacing:.05em;color:#d5cdc3}
.funnel-film-footer p{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.035em}
.funnel-film-footer a{display:inline-flex;align-items:center;gap:16px;width:max-content;border-bottom:1px solid #d5cdc3;padding:8px 0;font-size:14px;line-height:1.5}
.funnel-film-footer a:hover{color:#ff8ca0;border-color:#ff8ca0}
.funnel-film-footer a span{color:#ff8ca0}
@media(min-width:768px){.client-gallery-strip{padding:40px 0 48px}.client-gallery-strip .client-gallery-item{height:104px}.client-gallery-strip .client-gallery-item img{max-height:64px}.performance-stage{padding:96px 40px}.performance-stage-head{grid-template-columns:7fr 5fr;gap:48px}.performance-stage-head h2{font-size:72px}.lead-motion{padding:48px 40px 32px}.performance-stage-close{flex-direction:row;justify-content:space-between;align-items:end}.performance-stage-close p{font-size:32px}.funnel-film-footer{grid-template-columns:1fr 2fr 1fr;align-items:center;gap:24px;padding:24px 32px}.funnel-film-footer a{justify-self:end;text-align:right}}
@media(min-width:1024px){.performance-stage{padding-left:max(80px,calc((100vw - 1280px)/2));padding-right:max(80px,calc((100vw - 1280px)/2))}.performance-stage-head h2{font-size:88px}.lead-motion-stages{gap:48px}.lead-motion{min-height:600px}.lead-stage-screen{height:296px}}
@media(max-width:767px){.lead-motion-flow{z-index:5;top:100px;bottom:185px}}
@media(max-width:767px){.performance-stage{gap:32px;padding:64px 24px 80px}.performance-stage-head h2{font-size:48px}.lead-motion{min-height:0;padding:24px 16px}.lead-motion-stages{display:grid;grid-template-columns:1fr;gap:24px;margin:0}.lead-stage{display:grid;grid-template-columns:136px 1fr;align-items:center;gap:16px;animation:none}.lead-stage:not(:last-child):after{content:'↓';left:62px;right:auto;top:144px;width:20px;height:20px;font-size:14px}.lead-stage-screen{height:152px;padding:16px}.campaign-layout,.page-browser,.conversation-layout{width:104px;height:120px}.campaign-line{height:7px}.campaign-line.short{height:4px}.campaign-cta{width:16px;height:16px}.page-headline{height:28px;background:linear-gradient(to bottom,#171716 0 8px,transparent 8px 12px,#171716 12px 20px,transparent 20px)}.page-copy{height:4px;box-shadow:0 8px #a09b94}.page-button{height:14px}.lead-stage-label strong{font-size:24px}.lead-stage-label small{font-size:12px}.lead-motion-flow{left:84px;right:auto;top:80px;bottom:72px;width:2px;height:auto}.lead-motion-flow:before,.lead-motion-flow:after{display:none}.flow-line{width:2px;height:100%;transform-origin:top;animation-name:line-charge-y}.flow-signal{top:0;left:-5px;animation-name:signal-travel-y}.lead-motion-caption{margin-top:24px;padding-top:16px;font-size:9px}.performance-stage-close p{font-size:24px}.continuity-performance{padding:64px 0 80px}.funnel-film-media{aspect-ratio:16/9}.film-point{bottom:4%;gap:4px;padding:4px 8px;font-size:9px}.film-point strong{font-size:10px}.film-point-creative{left:2%}.film-point-page{left:35%}.film-point-contact{right:2%}.funnel-film-footer p{font-size:24px}}
@keyframes line-charge-y{0%,8%{transform:scaleY(0)}72%,100%{transform:scaleY(1)}}
@keyframes signal-travel-y{0%{top:0;transform:scale(.65);opacity:0}8%{opacity:1}74%{top:100%;transform:scale(1);opacity:1}84%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.performance-stage{margin-top:0}.lead-motion *, .lead-motion *:before,.lead-motion *:after{animation:none!important;transition:none!important}.lead-motion-flow{display:none}.funnel-film-media video{display:none}.client-gallery-strip .client-gallery-track{animation:none!important}}

/* V16: one narrative film; the closing spread explains the operating system without replaying it. */
.acquisition-film{width:100%;max-width:1280px;margin:0 auto;overflow:hidden;border:1px solid #71665e;border-radius:16px;background:#10100f;box-shadow:0 32px 64px #0006}
.acquisition-film-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111010 url('assets/acquisition-system-poster.webp') center/contain no-repeat}
.acquisition-film-media video{display:block;width:100%;height:100%;object-fit:contain}
.acquisition-film-corner{position:absolute;right:16px;bottom:16px;padding:8px 16px;border:1px solid #fff7;border-radius:9999px;background:#111010bd;color:#fffaf2;font:10px/1.4 var(--mono);letter-spacing:.05em;pointer-events:none}
.acquisition-film-nav{display:flex;overflow-x:auto;border-block:1px solid #504841;scrollbar-width:thin;scrollbar-color:#746a61 transparent}
.acquisition-film-nav button{position:relative;display:flex;align-items:center;gap:8px;flex:1 0 auto;min-width:104px;padding:16px 24px;border:0;border-right:1px solid #504841;background:#1e1b19;color:#c8bfb6;text-align:left;font-size:14px;white-space:nowrap}
.acquisition-film-nav button:last-child{border-right:0}.acquisition-film-nav button b{font:11px/1.4 var(--mono);color:#fa7189;font-weight:500}
.acquisition-film-nav button:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#f01e41;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.acquisition-film-nav button:hover,.acquisition-film-nav button.is-active{background:#29201f;color:#fffaf2}.acquisition-film-nav button.is-active:before{transform:scaleX(1)}
.acquisition-film-nav button:active{transform:scale(.97)}.acquisition-film-nav button:focus-visible,.acquisition-film-caption button:focus-visible{outline:2px solid #ff6b84;outline-offset:-4px;z-index:10}
.acquisition-film-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;color:#c8bfb6}
.acquisition-film-caption p{max-width:70ch;margin:0;font-size:12px;line-height:1.5}.acquisition-film-caption button{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;border-bottom:1px solid #baafa5;background:transparent;color:#fffaf2;font-size:14px}.acquisition-film-caption button:hover{color:#ff6b84;border-color:#ff6b84}.acquisition-film-caption button span{color:#ff6b84}
.acquisition-film-actions{display:flex;flex-wrap:wrap;gap:24px}
.continuity-system .continuity-heading h2 em{color:var(--red-text)}
.system-steps{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #c9c2b9;border-radius:16px;overflow:hidden;background:#faf8f4}
.system-step{position:relative;min-height:280px;padding:32px;border-bottom:1px solid #c9c2b9;background-image:linear-gradient(#17171608 1px,transparent 1px),linear-gradient(90deg,#17171608 1px,transparent 1px);background-size:48px 48px}
.system-step:last-child{border-bottom:0}.system-step:before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.system-step:hover:before,.system-step.is-in-view:before{transform:scaleX(1)}
.system-step>span{font:11px/1.4 var(--mono);letter-spacing:.05em;color:#a8122d}.system-step h3{max-width:15ch;margin:48px 0 16px;font-size:32px;font-weight:500;line-height:1.08;letter-spacing:-.045em;color:#171716}
.system-step p{max-width:30ch;margin:0;color:#4b4640;font-size:16px;line-height:1.55}
.system-steps-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid #c9c2b9}.system-steps-end>span{font:11px/1.4 var(--mono);letter-spacing:.04em;color:#5d554d}.system-steps-end a{display:inline-flex;align-items:center;gap:24px;padding:8px 0;border-bottom:1px solid #342d27;color:#171716;font-size:14px}.system-steps-end a span{color:#c4102d}.system-steps-end a:hover{color:#c4102d;border-color:#c4102d}.system-steps-end a:focus-visible{outline:2px solid var(--red-text);outline-offset:4px}
@media(min-width:768px){.acquisition-film-caption{padding:20px 32px}.acquisition-film-nav button{padding:20px 24px}.system-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.system-step{border-right:1px solid #c9c2b9}.system-step:nth-child(2){border-right:0}.system-step:nth-child(3){border-bottom:0}}
@media(min-width:1024px){.system-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.system-step{min-height:384px;border-bottom:0!important;border-right:1px solid #c9c2b9!important}.system-step:last-child{border-right:0!important}.system-step h3{margin-top:80px}}
@media(max-width:767px){.acquisition-film-corner{right:8px;bottom:8px;padding:4px 8px;font-size:8px}.acquisition-film-caption{padding:16px}.acquisition-film-caption p{font-size:12px}.acquisition-film-nav button{min-width:120px;padding:16px}.system-step{min-height:264px;padding:24px}.system-step h3{margin-top:48px;font-size:32px}.continuity-system .continuity-heading{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.acquisition-film-media video{display:none}.acquisition-film-media video.is-user-playing{display:block}.system-step:before{transition:none}}

@font-face{font-family:RP Display;src:url('assets/PathwayExtreme.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:RP Body;src:url('assets/IBMPlexSans.woff2') format('woff2');font-weight:400;font-display:swap}
.rp{--rp-ink:#161615;--rp-paper:#f3f0e8;--rp-red:#f01e41;--rp-muted:#b8b5ad;--rp-line:#77756f;color:var(--rp-paper);background:var(--rp-ink);font-family:RP Body,sans-serif;position:relative;width:100%;isolation:isolate;box-sizing:border-box}
.rp *{box-sizing:border-box}.rp p,.rp h2{margin:0}.rp-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--rp-line);font-size:12px;line-height:1.4;letter-spacing:.05em;text-transform:uppercase}.rp-wordmark{font-family:RP Display,sans-serif;font-size:18px;letter-spacing:-.04em;text-transform:none;font-weight:600}.rp-topline>span:last-child{font-size:10px;text-align:right}
.rp-stage{position:relative;height:696px;margin-top:32px}.rp-scene{position:absolute;inset:0;opacity:0;pointer-events:none}.rp-scene:first-child{opacity:1}.rp-copy{height:232px}.rp .rp-title{font:750 40px/1.08 RP Display,sans-serif;letter-spacing:-.05em;color:var(--rp-paper);max-width:none}.rp-title .rp-line{display:block;overflow:hidden;padding-bottom:8px;margin-bottom:-8px}.rp-title .rp-line>span{display:block}.rp-title .rp-line:last-child{color:var(--rp-red)}.rp .rp-subtitle{font:400 16px/1.6 RP Body,sans-serif;letter-spacing:0;color:var(--rp-paper);max-width:56ch;margin-top:24px}
.rp-art{position:absolute;top:232px;left:0;right:0;height:440px}.rp svg{display:block;width:100%;height:100%;overflow:visible}.rp-wide{display:none!important}.rp-tall{display:block!important}.rp svg text{fill:var(--rp-paper);font-family:RP Body,sans-serif;font-size:18px}.rp svg .rp-svg-display{font-family:RP Display,sans-serif;font-weight:650;letter-spacing:-1px;font-size:32px}.rp svg .rp-svg-small{font-size:14px;letter-spacing:.02em;fill:var(--rp-muted)}.rp svg .rp-svg-label{font-size:14px;letter-spacing:.05em}.rp svg .rp-svg-red{fill:var(--rp-red)}.rp-wire{fill:none;stroke:var(--rp-line);stroke-width:1.5;vector-effect:non-scaling-stroke}.rp-wire-red{stroke:var(--rp-red);stroke-width:2}.rp-red-block,.rp-token{fill:var(--rp-red)}.rp-signal{stroke:var(--rp-paper);stroke-width:2;vector-effect:non-scaling-stroke}.rp-white-line{stroke:var(--rp-paper)}.rp-panel-rule{stroke:#77756f;stroke-width:1}.rp-point{fill:var(--rp-paper)}
.rp-progress{display:flex;gap:8px;width:144px;height:4px;margin-top:16px}.rp-progress>span{height:2px;flex:1;background:var(--rp-line);overflow:hidden}.rp-progress i{display:block;height:100%;background:var(--rp-red);transform-origin:left}.rp-static{display:none}.rp-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rp.is-static .rp-stage,.rp.is-static .rp-progress{display:none}.rp.is-static .rp-static{display:block;padding-top:32px}.rp-static h2{font:700 32px/1.15 RP Display,sans-serif;letter-spacing:-.04em}.rp-static>p{margin:24px 0;font-size:16px;line-height:1.6}.rp-static ol{padding:0;list-style:none;margin:32px 0 0}.rp-static li{padding:24px 0;border-top:1px solid var(--rp-line);font-size:16px;line-height:1.6}.rp-static strong{display:block;font:600 24px/1.3 RP Display,sans-serif;margin-bottom:8px;color:var(--rp-paper)}
@media(min-width:768px){.rp-topline{padding-bottom:24px}.rp-topline>span:last-child{font-size:12px}.rp-wordmark{font-size:24px}.rp-stage{height:584px;margin-top:40px}.rp-copy{height:240px}.rp .rp-title{font-size:64px}.rp .rp-subtitle{font-size:18px;max-width:62ch}.rp-art{top:272px;height:288px}.rp-wide{display:block!important}.rp-tall{display:none!important}.rp-progress{margin-top:24px;width:176px}.rp-static ol{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}}
@media(min-width:1024px){.rp-stage{height:648px;margin-top:48px}.rp .rp-title{font-size:80px}.rp-copy{height:272px}.rp-art{top:296px;height:328px}.rp-progress{margin-top:24px}.rp-static h2{font-size:48px}}
@media(min-width:1280px){.rp-stage{height:688px}.rp .rp-title{font-size:88px}.rp-art{top:312px;height:352px}}
@media(prefers-reduced-motion:reduce){.rp-stage,.rp-progress{display:none}.rp-static{display:block;padding-top:32px}}
.rp .rp-title{font-size:32px}
.rp .rp-wide text{font-size:24px}.rp .rp-wide .rp-svg-small,.rp .rp-wide .rp-svg-label{font-size:18px}.rp .rp-wide .rp-svg-display{font-size:32px}
@media(min-width:420px){.rp .rp-title{font-size:40px}}
@media(min-width:768px){.rp-stage{height:696px}.rp .rp-title{font-size:48px}.rp-copy{height:232px}.rp-art{top:232px;height:440px}.rp-wide{display:none!important}.rp-tall{display:block!important}}
@media(min-width:1024px){.rp-stage{height:648px}.rp .rp-title{font-size:80px}.rp-copy{height:272px}.rp-art{top:296px;height:328px}.rp-wide{display:block!important}.rp-tall{display:none!important}}
@media(min-width:1280px){.rp-stage{height:688px}.rp .rp-title{font-size:88px}.rp-art{top:312px;height:352px}}

.performance-editorial{background:#161615;gap:40px;padding-top:64px;padding-bottom:64px}.performance-editorial>[data-rockscale-process]{width:100%;max-width:1280px;margin:auto}.performance-editorial .performance-stage-close{border-top:1px solid #77756f;padding-top:32px}.performance-editorial .performance-stage-close p{font-size:24px;line-height:1.3;max-width:28ch}.performance-editorial .performance-stage-close a{flex-shrink:0}.performance-editorial .performance-stage-close a:active{transform:scale(.97)}@media(min-width:768px){.performance-editorial{gap:48px;padding-top:64px;padding-bottom:80px}.performance-editorial .performance-stage-close p{font-size:32px}}
:root{--nav-clearance:96px}html{scroll-padding-top:var(--nav-clearance)}body{padding-top:88px}.header.site-nav{position:fixed;inset:16px 24px auto;z-index:30;width:auto;max-width:none;height:auto;margin:0;display:block;border:0;pointer-events:none}.nav-shell{pointer-events:auto;display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 16px;max-width:1280px;width:100%;margin-left:auto;margin-right:auto;background:#f5f3eef5;color:#161615;border:1px solid #d6d3cb;border-radius:16px;box-shadow:0 8px 24px #1110100a;transition:max-width .2s ease,background .2s ease}.nav-brand{display:block;flex:none}.nav-wordmark{width:128px;height:auto}.nav-symbol{display:none;width:32px;height:32px;object-fit:contain}.site-nav nav{display:none}.nav-diagnosis{display:none}.nav-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:8px;border:0;background:transparent;color:inherit;font-size:14px}.nav-toggle i{display:grid;gap:8px;width:16px}.nav-toggle i b{display:block;width:16px;height:1px;background:currentColor;transition:transform .18s ease}.site-nav[data-open=true] .nav-toggle i b:first-child{transform:translateY(4px) rotate(45deg)}.site-nav[data-open=true] .nav-toggle i b:last-child{transform:translateY(-5px) rotate(-45deg)}.site-nav[data-compact=true] .nav-shell{max-width:160px;margin-right:0}.site-nav[data-compact=true] .nav-wordmark{display:none}.site-nav[data-compact=true] .nav-symbol{display:block}.site-nav[data-open=true] .nav-shell{position:relative}.site-nav[data-open=true] nav{position:absolute;display:flex;flex-direction:column;gap:0;top:calc(100% + 8px);left:0;right:0;padding:16px 24px;background:#f5f3eefa;border:1px solid #d6d3cb;border-radius:16px;box-shadow:0 16px 32px #11101018;max-height:calc(100svh - 128px);overflow-y:auto}.site-nav nav a{font-size:16px;padding:16px 0;line-height:1.4;border-bottom:1px solid #d6d3cb}.site-nav nav a:last-child{border:0}.site-nav nav .nav-mobile-cta{color:#b10d28}.site-nav a:hover,.site-nav button:hover{color:#b10d28}.site-nav a:focus-visible,.site-nav button:focus-visible{outline:2px solid #c4102d;outline-offset:4px}.site-nav a:active,.site-nav button:active{transform:scale(.97)}.site-nav button:disabled{opacity:.4;cursor:not-allowed}
.hive-journey{height:100svh}.performance-stage.performance-editorial{margin-top:0;transform:none;min-height:0;gap:32px;padding-top:32px;padding-bottom:64px}.performance-editorial .process-scroll-frame{width:100%;max-width:1280px;margin:auto;background:#161615;position:relative;display:flex;flex-direction:column;padding:16px 0;height:calc(100svh - 112px);min-height:440px}.process-scroll-frame .rp{flex:1;min-height:0;display:flex;flex-direction:column}.process-scroll-frame .rp-topline{padding-bottom:16px;flex:none}.process-scroll-frame .rp-stage{flex:1;min-height:0;height:auto;margin-top:24px}.process-scroll-frame .rp-scene{display:flex;flex-direction:column;gap:16px}.process-scroll-frame .rp-copy{height:auto;flex:none}.process-scroll-frame .rp .rp-title{font-size:32px;line-height:1.1}.process-scroll-frame .rp .rp-subtitle{font-size:16px;line-height:1.5;margin-top:16px}.process-scroll-frame .rp-art{position:relative;top:auto;height:auto;flex:1;min-height:0}.process-scroll-frame .rp-progress{margin-top:16px;flex:none}.process-scroll-cue{display:flex;justify-content:space-between;gap:16px;align-items:center;flex:none;color:#b8b5ad;font:12px/1.4 var(--mono);padding-top:16px}.process-scroll-cue b{color:#f01e41;font-weight:400;margin-left:8px}.process-scroll-frame .rp-tall{max-height:352px;margin:auto}.process-scroll-frame .rp svg text{font-size:20px}.process-scroll-frame .rp svg .rp-svg-small{font-size:16px}.process-scroll-frame .rp svg .rp-svg-display{font-size:32px}.process-scroll-frame .rp svg .rp-svg-label{font-size:18px}.process-scroll-frame .rp svg .rp-svg-small{letter-spacing:0}
.site-footer{display:block;width:100%;margin:0;padding:64px 0 24px;border-top:1px solid #d6d3cb;background:#eae6dd;color:#161615}.footer-invitation{display:grid;gap:32px;padding-bottom:48px;border-bottom:1px solid #c6c0b5}.footer-invitation .eyebrow{font-size:12px;line-height:1.5;max-width:36ch}.footer-invitation h2{font:600 40px/1.1 RP Display,var(--display);letter-spacing:-.05em}.footer-invitation h2 em{font-style:normal;color:#bd1030}.footer-next p{font-size:16px;line-height:1.6;max-width:34ch;margin:0 0 24px}.footer-diagnosis{display:flex;align-items:center;justify-content:space-between;gap:32px;width:max-content;padding:16px 24px;border-radius:8px;background:#161615;color:#f5f3ee;font-size:16px}.footer-diagnosis span{color:#ff637d}.footer-diagnosis:hover{background:#bd1030}.footer-diagnosis:hover span{color:white}.footer-diagnosis:active{transform:scale(.97)}.footer-directory{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px;padding:48px 0}.footer-brand,.footer-talk{grid-column:1/-1}.footer-brand img{width:184px;height:auto}.footer-directory p{font-size:14px;line-height:1.6;margin:16px 0 0;color:#514c45}.footer-directory nav{display:flex;flex-direction:column;align-items:start;gap:16px}.footer-directory h3{font:500 12px/1.5 var(--mono);letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;color:#595349}.footer-directory a{font-size:14px;line-height:1.5}.footer-directory a:hover,.footer-baseline a:hover{color:#bd1030}.footer-talk>a{display:inline-flex;gap:16px;margin-top:8px;border-bottom:1px solid #8b8175;padding-bottom:8px}.footer-talk>a span{color:#bd1030}.footer-baseline{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:24px;border-top:1px solid #c6c0b5;padding-top:24px;font-size:12px;line-height:1.5;color:#595349}.footer-baseline>span:nth-child(2){display:none}.site-footer a:focus-visible{outline:2px solid #bd1030;outline-offset:4px}
@media(min-width:768px){.header.site-nav{left:40px;right:40px}.nav-wordmark{width:160px}.nav-diagnosis{display:flex;align-items:center;gap:16px;margin-left:auto;white-space:nowrap;font-size:14px}.nav-diagnosis b{font-weight:400;color:#bd1030}.nav-toggle{margin-left:0}.site-nav[data-compact=true] .nav-shell{max-width:192px}.site-nav[data-compact=true] .nav-diagnosis{display:none}.footer-invitation{grid-template-columns:7fr 5fr;gap:48px;align-items:end}.footer-invitation h2{font-size:48px}.footer-directory{grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-column:auto}.footer-talk{grid-column:2/-1}.footer-baseline>span:nth-child(2){display:block}.process-scroll-frame .rp .rp-title{font-size:40px}}
@media(min-width:1024px){.header.site-nav{left:80px;right:80px}.nav-shell{padding:8px 24px;gap:24px}.nav-wordmark{width:144px}.site-nav:not([data-compact=true]) nav{display:flex;gap:24px;align-items:center;margin-left:auto}.site-nav:not([data-compact=true]) nav a{padding:8px 0;border:0;font-size:12px;white-space:nowrap}.site-nav:not([data-compact=true]) nav .nav-mobile-cta{display:none}.site-nav:not([data-compact=true]) .nav-toggle{display:none}.site-nav[data-compact=true] .nav-shell{max-width:192px;padding:8px 16px}.nav-diagnosis{font-size:12px;border-left:1px solid #d6d3cb;padding-left:24px;margin-left:0}.process-scroll-frame .rp .rp-title{font-size:64px}.process-scroll-frame .rp .rp-subtitle{font-size:18px;max-width:65ch}.process-scroll-frame .rp-stage{margin-top:24px}.process-scroll-frame .rp-scene{gap:24px}.process-scroll-frame .rp-wide{max-height:352px;margin:auto}.performance-editorial .process-scroll-frame{max-height:896px}.site-footer{padding-top:96px}.footer-invitation h2{font-size:64px}.footer-directory{grid-template-columns:3fr 2fr 2fr 3fr;gap:48px;padding-block:64px}.footer-talk{grid-column:auto}.footer-next{justify-self:end}}
@media(min-width:1280px){.site-nav:not([data-compact=true]) nav a,.nav-diagnosis{font-size:14px}.process-scroll-frame .rp .rp-title{font-size:72px}.footer-invitation h2{font-size:72px}}
@media(max-height:740px){.process-scroll-frame .rp-topline{display:none}.process-scroll-frame .rp-stage{margin-top:0}.process-scroll-frame .rp .rp-title{font-size:32px}.process-scroll-frame .rp .rp-subtitle{margin-top:8px}.process-scroll-frame .rp-scene{gap:8px}.process-scroll-frame .rp-progress,.process-scroll-cue{margin-top:8px;padding-top:8px}.process-scroll-frame .rp-progress{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.performance-editorial .process-scroll-frame{height:auto;max-height:none;min-height:0}.process-scroll-cue{display:none}.nav-shell,.nav-toggle i b{transition:none}}
.process-scroll-frame.is-static{height:auto;max-height:none;min-height:0}.process-scroll-frame.is-static .process-scroll-cue{display:none}
.nav-shell,.site-nav[data-open=true] nav{background:#f5f3ee}
.performance-stage.performance-editorial{width:var(--page-width,100vw);margin-left:calc(50% - var(--page-width,100vw)/2)}.hive-journey{margin-inline:calc(50% - var(--page-width,100vw)/2)}.rp-traveler{opacity:0}
.header.site-nav{transform:translateY(0);opacity:1;visibility:visible;transition:transform .2s ease,opacity .2s ease,visibility .2s}
.header.site-nav[data-hidden=true]{transform:translateY(calc(-100% - 32px));opacity:0;visibility:hidden}
.header.site-nav[data-hidden=true] .nav-shell{pointer-events:none}
@media(prefers-reduced-motion:reduce){.header.site-nav{transition:none}}
.hive-stage-bottom{display:none}
.process-scroll-frame .rp-wire{vector-effect:none}
@media(max-width:767px){.method-step{opacity:1;transition:none}}

@font-face{font-family:Host Local;src:url('assets/host-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}@font-face{font-family:Host Local;src:url('assets/host-variable.ttf') format('truetype');font-weight:600 900;font-display:swap}@font-face{font-family:Institutional Body;src:url('assets/IBMPlexSans.woff2') format('woff2');font-weight:400;font-display:swap}
.inner-page{--display:'Host Local','Host Grotesk',sans-serif;--body:'Institutional Body',sans-serif;--space:24px;font-family:var(--body)}[hidden]{display:none!important}.site-nav nav .nav-extra{display:none}.site-nav nav a[aria-current=page]{color:var(--red-text)}.site-nav nav .nav-mobile-cta{display:none}.nav-shell{gap:16px}.site-nav:not([data-compact=true]) nav{gap:24px}.site-nav nav a{font-family:var(--display)}.nav-services{position:relative;font-size:14px}.nav-services summary{cursor:pointer;list-style:none;padding:8px 0}.nav-services summary::-webkit-details-marker{display:none}.nav-services summary:after{content:'⌄';margin-left:8px}.nav-services summary:focus-visible{outline:2px solid var(--red-text);outline-offset:4px}.nav-services>div{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.nav-services>div a{padding:8px!important}.nav-services[open] summary{color:var(--red-text)}
.inner-page{overflow-x:clip}.inner-main{padding-top:24px}.section-shell{padding-block:48px}.section-kicker{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px}.section-kicker:before{content:'';width:24px;height:2px;background:var(--red);flex:none}.inner-main h1{font:500 48px/1.04 var(--display);letter-spacing:-.055em;margin:0;max-width:16ch}.inner-main h1 em,.inner-main h2 em{font-style:normal;color:var(--red-text)}.inner-main h2{font:500 40px/1.1 var(--display);letter-spacing:-.045em;margin:0 0 24px}.inner-main h3{font:500 24px/1.2 var(--display);letter-spacing:-.025em;display:block;margin:0 0 16px}.inner-main p{font-size:16px;line-height:1.6;max-width:65ch}.lead-text{color:var(--muted);margin:24px 0 32px}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding-block:16px;font-size:16px}.text-link span{color:var(--red-text)}.text-link:hover{color:var(--red-text)}.solid-link{display:inline-flex;justify-content:center;align-items:center;gap:32px;background:var(--ink);color:var(--paper);padding:16px 24px;border-radius:8px;font-size:16px;font-weight:500}.solid-link:hover{background:var(--red-text)}.solid-link:active{transform:scale(.97)}
.about-opening{display:grid;gap:32px}.about-image{margin:0}.about-image img{width:100%;height:auto;border-radius:8px}.about-image figcaption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px;font-size:12px;color:var(--muted)}.origin-layout{display:grid;gap:32px}.about-origin{border-top:1px solid var(--line)}.origin-copy p{color:var(--muted)}.origin-copy .origin-statement{font-size:24px;line-height:1.4;color:var(--ink);letter-spacing:-.025em}.brand-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.brand-detail img{width:100%;height:auto;border-radius:8px}.dark-section{background:#161615;color:var(--paper);background-image:linear-gradient(130deg,#232220,transparent 65%);--line:#514f49;--muted:#cbc6bc}.dark-section h2 em{color:#ff637d}.dark-section .section-kicker{color:#d8d2c8}.audience-links{display:grid;margin-top:48px;border-top:1px solid var(--line)}.audience-link{display:grid;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}.audience-link p{color:var(--muted);margin:0}.audience-link .link-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #7a756e;border-radius:9999px;font-size:24px}.audience-link:hover .link-arrow{background:var(--red);border-color:var(--red)}.about-method{display:grid;gap:32px}.principles{list-style:none;padding:0;margin:0}.principles li{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:32px 1fr;gap:16px}.principles li>span{color:var(--red-text);font-size:12px;padding-top:8px}.principles p{margin:0;color:var(--muted)}
.contact-layout{display:grid;gap:48px;align-items:start;min-height:calc(100svh - 112px)}.contact-copy h1{max-width:10ch}.contact-copy .lead-text{max-width:40ch}.contact-channels{display:grid;gap:16px;margin-top:48px}.contact-channels a{width:fit-content;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:16px}.contact-channels small{font-size:12px;color:var(--muted)}.contact-form{background:#eeebe4;border:1px solid var(--line);padding:24px;border-radius:16px;display:grid;gap:24px}.form-heading{font-size:18px!important;margin:0 0 8px}.field-pair{display:grid;gap:24px}.field{display:grid;gap:8px;min-width:0}.field label{font-size:14px;font-weight:500}.field label small{font-weight:400;color:var(--muted)}.field input,.field select,.field textarea{font:400 16px/1.5 var(--body);width:100%;min-height:48px;border:1px solid #aaa49a;border-radius:8px;padding:8px 16px;background:#faf8f3;color:var(--ink)}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--red-text);outline-offset:2px}.field input[aria-invalid=true]{border-color:var(--red-text)}.form-note{font-size:12px!important;color:var(--muted);margin:0}.form-note a{text-decoration:underline}.contact-form button{border:0;background:var(--red-text);color:white;padding:16px 24px;border-radius:8px;display:flex;justify-content:space-between;font-weight:500}.contact-form button:hover{background:#9a0b24}.contact-form button:active{transform:scale(.97)}.contact-form button:disabled{opacity:.4;cursor:wait}.form-status{margin:0;font-size:14px!important}.form-status[data-state=error]{color:#a30a22}.form-status[data-state=success]{color:#205538}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-form.is-sent .form-fields{display:none}.contact-footer .footer-invitation{display:none}
.portfolio-opening{display:grid;gap:24px}.portfolio-intro{color:var(--muted);margin:0}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;padding:24px 0 32px;margin-top:32px;border-top:1px solid var(--line)}.portfolio-filters button{background:transparent;color:var(--muted);border:1px solid #aaa49a;border-radius:9999px;padding:8px 16px;min-height:48px;font-size:14px}.portfolio-filters button:hover{color:var(--red-text);border-color:var(--red-text)}.portfolio-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.portfolio-grid{display:grid;gap:48px 24px}.portfolio-card{display:block;min-width:0}.portfolio-card figure{margin:0;border-radius:8px;overflow:hidden;background:#e9e5db;border:1px solid var(--line)}.portfolio-card img{width:100%;height:auto;transition:filter .2s ease}.portfolio-card:hover img{filter:brightness(.92)}.portfolio-card-caption{padding:24px 0 0;display:grid;grid-template-columns:1fr 32px;gap:8px}.portfolio-card-caption h2{font-size:24px;margin:0}.portfolio-card-caption p{font-size:14px;color:var(--muted);margin:0}.portfolio-card-caption span{grid-column:2;grid-row:1/3;font-size:24px}.portfolio-card:hover .portfolio-card-caption span{color:var(--red-text)}.portfolio-count{font-size:12px!important;color:var(--muted);margin:0 0 24px}.project-opening{padding-bottom:32px}.project-opening .lead-text{max-width:54ch}.project-back{display:inline-block;font-size:14px;margin-bottom:32px;border-bottom:1px solid var(--line);padding-block:8px}.project-index{display:flex;gap:16px;flex-wrap:wrap;border-block:1px solid var(--line);padding:24px 0;margin-top:32px}.project-index a{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:8px}.project-chapter{padding-block:48px;scroll-margin-top:96px}.chapter-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.chapter-heading h2{font-size:32px;margin:0}.case-images{display:grid;gap:16px}.case-images figure{margin:0;min-width:0}.case-images img{width:100%;height:auto;background:#eae6dd;border-radius:8px}.case-images.site{gap:0;max-width:1040px;margin-inline:auto}.case-images.site img{border-radius:0}.case-images figcaption{font-size:12px;color:var(--muted);line-height:1.5;padding:16px 0}.project-bottom{display:grid;gap:24px;border-top:1px solid var(--line);padding-block:48px}.career-layout{display:grid;gap:32px}.career-areas{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.career-areas span{border:1px solid var(--line);border-radius:9999px;padding:8px 16px;font-size:14px}.career-action{padding:32px;background:#ebe7de;border-radius:16px;border:1px solid var(--line)}.reveal{opacity:1;transform:none}.reveal-pending{opacity:0;transform:translateY(24px)}.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-visible{opacity:1;transform:none}.site-footer{margin-top:0}.footer-directory a[aria-current=page]{color:var(--red-text)}
@media(min-width:768px){.section-shell{padding-block:64px}.inner-main h1{font-size:64px}.inner-main h2{font-size:48px}.portfolio-opening{grid-template-columns:7fr 5fr;align-items:end;gap:48px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px}.portfolio-card:nth-child(3n+1){grid-column:1/-1}.portfolio-card:nth-child(3n+1) figure{max-height:none}.portfolio-card-caption h2{font-size:32px}.field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form{padding:32px}.case-images.identity,.case-images.creative{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.audience-link{grid-template-columns:4fr 6fr 48px;align-items:center;gap:32px}.audience-link h3{margin:0}.brand-detail{gap:24px}.project-bottom{grid-template-columns:1fr auto;align-items:center}.nav-services>div{position:absolute;top:calc(100% + 16px);left:-16px;min-width:240px;box-shadow:0 16px 32px #11101018}.nav-services>div a{font-size:14px!important}}
@media(min-width:1024px){.inner-main{padding-top:48px}.section-shell{padding-block:96px}.inner-main h1{font-size:80px}.inner-main h2{font-size:48px}.about-opening{grid-template-columns:5fr 7fr;gap:48px;align-items:center}.about-opening h1{font-size:64px}.about-image{padding-top:32px}.origin-layout{grid-template-columns:5fr 7fr;gap:64px}.about-method{grid-template-columns:5fr 7fr;gap:96px}.inner-main .lead-text{font-size:18px}.contact-layout{grid-template-columns:5fr 7fr;gap:64px}.contact-copy{padding-top:24px}.contact-copy h1{font-size:72px}.contact-form{padding:32px}.career-layout{grid-template-columns:7fr 5fr;gap:64px;align-items:center}.portfolio-card:nth-child(3n+1){grid-column:auto}.portfolio-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:8fr 4fr;gap:32px;align-items:end}.portfolio-card:first-child .portfolio-card-caption{padding-bottom:24px}.portfolio-card:first-child .portfolio-card-caption h2{font-size:40px}.portfolio-card:first-child .portfolio-card-caption p{font-size:16px}.case-images.creative{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-services{font-size:12px}.site-nav nav .nav-extra{display:block}}
@media(min-width:1280px){.nav-services{font-size:14px}.about-opening h1{font-size:80px}}
@media(max-width:1023px){.site-nav[data-open=true] nav .nav-extra{display:block}.nav-services{padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}.nav-services summary{padding:0}.nav-services>div{position:static;margin-top:16px;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-pending{opacity:1;transform:none;transition:none}}

@media(min-width:1024px){.contact-layout{padding-top:48px;padding-bottom:48px}}
.hive-cell img{transition:opacity .2s ease,transform .3s ease}.hive-cell img:not([data-ready=true]){opacity:0}.hive-cell.image-unavailable .hive-cell-label{opacity:1;color:var(--ink);position:static;display:block;padding:24px}.hive-cell.image-unavailable:before{display:none}

/* Approved Rockscale identity: Pathway display + IBM Plex text. */
@font-face{font-family:Rockscale Display;src:url('assets/pathway-v20.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Pathway Extreme;src:url('assets/pathway-v20.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:RP Display;src:url('assets/pathway-v20.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Rockscale Text;src:url('assets/IBMPlexSans.woff2') format('woff2');font-weight:100 700;font-display:swap}
:root,.inner-page{--display:'Rockscale Display',sans-serif;--body:'Rockscale Text',sans-serif;--mono:'Rockscale Text',sans-serif;--brand-accent:#f01e41;--z-sticky:30;--z-modal:50}
body{font-family:var(--body)}h1,h2,h3,.hero-center h1,.inner-main h1,.inner-main h2,.inner-main h3{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance}p{max-width:65ch;text-wrap:pretty}
.hero-center .hero-cta .hero-cta-copy{font-weight:600!important;letter-spacing:0}.hero-secondary{font-weight:500}
.hero-center h1{font-size:40px;line-height:1.1;letter-spacing:-.04em}.hero-center h1 em{white-space:normal}.hero-center .center-intro{max-width:54ch;line-height:1.6}.hero-qualifier{max-width:48ch;margin-inline:auto!important;line-height:1.5!important}
.hero-center .hero-cta{padding:12px 16px 12px 24px;gap:16px;border:0;box-shadow:none;outline:0;min-height:56px;background:var(--red-text);color:#fff}.hero-center .hero-cta:before,.hero-center .hero-cta:after{display:none}.hero-center .hero-cta .hero-cta-copy{font-family:var(--body);font-size:16px;color:#fff}.hero-center .hero-cta .hero-cta-icon{width:32px;height:32px;min-width:32px;flex:0 0 32px;font-size:24px;border:0;border-radius:0;color:#fff}.hero-center .hero-cta:hover{background:#a30d28}.hero-center .hero-cta:active{transform:scale(.97)}.hero-center .hero-cta:focus-visible{outline:2px solid var(--ink);outline-offset:8px}
.site-nav{z-index:var(--z-sticky)}.site-footer .footer-directory a,.footer-baseline a{display:inline-flex;align-items:center;min-height:40px}.footer-directory p{margin-top:8px}.footer-invitation h2{letter-spacing:-.035em}.text-link,.solid-link{gap:8px}.solid-link:active{transform:scale(.97)}
.process-scroll-frame{position:relative}.process-skip{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;position:absolute;right:0;bottom:-40px;font-size:14px;min-height:40px;border-bottom:1px solid #77756f;color:#f5f3ee}.process-skip:hover{color:#ff6882}.process-skip:focus-visible{outline-color:#fff}.performance-stage-close{flex-wrap:wrap;gap:24px!important}.performance-stage-close p{max-width:40ch}.performance-stage-close>a{font-size:16px}.hive-row:focus-within{mask-image:none}.hive-cell:focus-visible{transform:none;outline-offset:-4px}.hive-cell:hover{box-shadow:none}
.process-link-band{background:var(--paper);padding-block:48px;border-top:1px solid var(--line)}.process-link-band .wrap{display:flex;align-items:flex-start;flex-direction:column;gap:24px}.process-link-band p{font:500 24px/1.3 var(--display);margin:0}.process-link-band .solid-link{margin:0;white-space:normal}
.contact-layout{gap:24px}.contact-copy{padding:0}.contact-copy h1{font-size:40px;max-width:14ch;line-height:1.15;margin-bottom:16px}.contact-copy .lead-text{font-size:16px;margin-bottom:0}.contact-channels{margin:0;gap:16px}.contact-form{gap:24px}.contact-form .form-heading{font:600 24px/1.3 var(--display)!important;margin:0}.form-expectation{font-size:14px!important;line-height:1.5;margin:0;color:var(--muted)}.field label small{white-space:nowrap}.contact-form .form-status:empty{display:none}
.case-context{display:grid;gap:24px;padding:24px 0;border-top:1px solid var(--line);margin:32px 0 0}.case-context dt{font-size:12px;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.case-context dd{margin:0;font-size:16px;line-height:1.6;max-width:60ch}.case-images [data-artwork]{display:block;cursor:zoom-in;border-radius:8px}.case-images [data-artwork]:hover img{filter:brightness(.93)}.case-images [data-artwork]:focus-visible{outline-offset:4px}.case-images.presentation{display:block;max-width:1040px;margin-inline:auto}.case-images.presentation figure+figure{margin-top:24px}.chapter-heading>p{font-size:14px;color:var(--muted);margin:0}.portfolio-grid{display:block;columns:1}.portfolio-card{break-inside:avoid;margin-bottom:48px}.portfolio-card[hidden]{display:none!important}.portfolio-card:first-child{display:block}.portfolio-card:first-child .portfolio-card-caption{padding-bottom:0}
.artwork-open{overflow:hidden}.artwork-dialog{width:calc(100% - 32px);max-width:1440px;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #6d6962;border-radius:16px;background:#161615;color:#f5f3ee;z-index:var(--z-modal)}.artwork-dialog::backdrop{background:#000d}.artwork-dialog[open]{display:flex;flex-direction:column}.artwork-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px;flex-shrink:0;border-bottom:1px solid #555}.artwork-toolbar p{flex:1 0 100%;font-size:14px;margin:0}.artwork-toolbar button{padding:8px 16px;min-height:48px;background:transparent;border:1px solid #89857e;color:#fff;border-radius:8px;font-size:14px}.artwork-toolbar button:hover{background:#34312d}.artwork-toolbar button:focus-visible{outline:2px solid #fff;outline-offset:4px}.artwork-scroll{flex:1;min-height:0;overflow:auto;padding:16px}.artwork-scroll img{width:100%;height:100%;object-fit:contain;background:transparent}.artwork-dialog.is-zoomed .artwork-scroll img{width:var(--artwork-width);max-width:none;height:auto;object-fit:initial}
.process-opening .lead-text{max-width:62ch}.inner-page #metodo{background:#161615;color:#f5f3ee;padding:48px 0}.inner-page #metodo h2,.inner-page #metodo h3{color:inherit}.inner-page .method-layout{display:grid;gap:48px}.inner-page .method-intro>p{line-height:1.6;color:#d7d2c8}.inner-page .method-steps{display:grid;gap:32px}.inner-page .method-step{opacity:1;padding-top:24px;border-top:1px solid #77756f}.inner-page .method-step>span{font-size:12px;color:#ff6882}.inner-page .method-step h3{font-size:32px;margin:16px 0}.inner-page .method-step p{font-size:16px;line-height:1.6;color:#dedad2}.inner-page .method-step-output{font-size:12px;line-height:1.5;color:#bbb6ad;margin-top:24px}.inner-page .method-step-output strong{display:block;font-size:16px;color:#f5f3ee;margin-top:8px}.inner-page .method-end{display:none}.route-detail{display:grid;gap:32px}.route-detail dl{margin:0}.route-detail dl>div{padding-block:24px;border-top:1px solid var(--line)}.route-detail dt{font:600 24px/1.3 var(--display);margin-bottom:8px}.route-detail dd{font-size:16px;line-height:1.6;margin:0;max-width:60ch}.inner-page #entregas{padding:48px 0;background:#eae6dd}.inner-page .continuity-heading{display:grid;gap:24px}.inner-page .system-steps{display:grid;gap:32px;margin-top:48px}.inner-page .system-step{border-top:1px solid #888176;padding-top:24px}.inner-page .system-step>span{font-size:12px;color:var(--red-text)}.inner-page .system-step h3{font-size:32px;margin:16px 0}.inner-page .system-step p{font-size:16px;line-height:1.6}.inner-page .system-steps-end{display:none}
@media(min-width:768px){.hero-center h1{font-size:64px}.process-link-band{padding-block:64px}.process-link-band .wrap{flex-direction:row;align-items:center;justify-content:space-between}.process-link-band p{font-size:32px}.case-context{grid-template-columns:1fr 2fr;gap:32px}.portfolio-grid{columns:2;column-gap:24px}.portfolio-card:first-child{column-span:all;display:grid;grid-template-columns:8fr 4fr;gap:32px;align-items:end}.portfolio-card:first-child figure{min-width:0}.artwork-toolbar p{flex:1}.inner-page .system-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-copy h1{font-size:48px}}
@media(min-width:1024px){.hero-center h1{font-size:80px}.hero-center{max-width:1120px}.contact-layout{grid-template-columns:5fr 7fr;gap:32px 64px;align-items:start}.contact-copy{grid-column:1;grid-row:1;padding-top:24px}.contact-copy h1{font-size:64px}.contact-form{grid-column:2;grid-row:1/3}.contact-channels{grid-column:1;grid-row:2;margin-bottom:auto}.inner-page .method-layout{grid-template-columns:5fr 7fr;gap:64px}.inner-page #metodo,.inner-page #entregas{padding-block:96px}.route-detail{grid-template-columns:5fr 7fr;gap:64px}.inner-page .continuity-heading{grid-template-columns:7fr 5fr;align-items:end;gap:64px}}
@media(prefers-reduced-motion:reduce){.process-skip{display:none}.hive-cell:focus-visible{transform:none}}