:root{--ink:#130f0d;--cream:#f1e9da;--orange:#ef613a;--muted:#b9ada0;--line:rgba(241,233,218,.24);--ease:cubic-bezier(.16,1,.3,1);font-family:Manrope,Arial,sans-serif;color:var(--cream);background:var(--ink);overflow-x:clip;scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-padding-top:85px}body{margin:0;min-width:320px;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{display:block;max-width:100%}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}::selection{background:var(--orange);color:var(--ink)}[hidden]{display:none!important}.page-progress{position:fixed;z-index:80;inset:0 0 auto;height:2px;pointer-events:none}.page-progress span{display:block;height:100%;background:var(--orange);transform:scaleX(var(--page-progress,0));transform-origin:left}.eyebrow,.section-meta{font:500 12px/1.5 'DM Mono',monospace;letter-spacing:.08em}.section-meta{display:flex;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid currentColor;color:inherit}.section-meta>span:last-child{text-align:right}.eyebrow{display:block}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:8px}
.announcement{height:30px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);color:var(--ink);font:500 12px/1 'DM Mono',monospace;letter-spacing:.06em}.site-header{height:87px;position:absolute;top:30px;left:0;right:0;z-index:50;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.site-header.is-scrolled{position:fixed;top:0;height:75px;background:rgba(19,15,13,.97)}.wordmark{display:block;flex:0 0 auto}.wordmark-logo{width:220px;height:68px;object-fit:contain}.desktop-nav{display:flex;gap:30px;margin-left:auto}.desktop-nav a,.header-contact,.motion-toggle{font:500 12px/1.4 'DM Mono',monospace}.desktop-nav a{color:var(--muted)}.desktop-nav a:hover{color:var(--orange)}.header-contact{display:flex;align-items:center;gap:22px;border:1px solid var(--line);padding:14px 18px;border-radius:40px;white-space:nowrap;transition:color .25s,background .25s}.header-contact:hover{background:var(--cream);color:var(--ink)}.motion-toggle{color:var(--cream);border:0;border-left:1px solid var(--line);background:transparent;padding:8px 0 8px 18px;display:flex;align-items:center;gap:8px;white-space:nowrap}.motion-icon{font-size:23px;color:var(--orange);line-height:1}.motion-toggle:hover .motion-toggle-label{text-decoration:underline;text-underline-offset:4px}.menu-toggle,.mobile-menu{display:none}
.hero{position:relative;background:var(--ink)}.hero-sticky{position:relative;height:calc(100svh - 30px);min-height:730px;overflow:clip;isolation:isolate}.hero-initial{position:absolute;z-index:5;top:25%;left:4vw;max-width:70%;transform:translateY(var(--initial-y,0px));opacity:var(--initial-opacity,1)}.hero-initial>.eyebrow{color:var(--muted);margin:0 0 30px}.hero-initial h1{font-size:clamp(70px,8.5vw,150px);line-height:1.03;letter-spacing:-.078em;font-weight:500;margin:0}.hero-initial h1>span,.hero-initial h1>em{display:block;white-space:nowrap}.hero-line-one{transform:translateX(var(--title-one-x,0px))}.hero-line-two{font-size:.86em;color:var(--orange);transform:translateX(var(--title-two-x,0px))}.hero-description{font-size:16px;line-height:1.65;max-width:390px;margin:35px 0 0;color:#d7cabe}.hero-media{position:absolute;z-index:3;left:50%;top:50%;width:min(66vw,88svh);aspect-ratio:1;transform:translate(-50%,-50%) translate(var(--scene-x,17vw),var(--scene-y,0px)) rotate(var(--scene-turn,-5deg)) scale(var(--scene-scale,.96));mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 50%,transparent 100%);will-change:transform}.hero-poster,.hero-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-canvas{opacity:0}.frames-ready .hero-canvas{opacity:1}.frames-ready .hero-poster{opacity:0}.hero-backword{position:absolute;z-index:1;left:50%;top:35%;transform:translate(calc(-50% + var(--backword-x,0px)),-50%) rotate(-8deg);font-size:22vw;line-height:1;font-weight:800;letter-spacing:-.09em;white-space:nowrap;color:var(--orange);opacity:var(--backword-opacity,0);pointer-events:none;will-change:transform,opacity}.hero-chapters{position:absolute;z-index:6;left:4vw;bottom:19%;width:41%;pointer-events:none}.hero-chapter{display:none;isolation:isolate}.hero-chapter::before{content:"";position:absolute;z-index:-1;inset:-38px -85px -38px -4vw;pointer-events:none;background:linear-gradient(90deg,rgba(19,15,13,.98) 0%,rgba(19,15,13,.96) 58%,rgba(19,15,13,.78) 77%,transparent 100%);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 84%,transparent)}.hero-chapter>.eyebrow{color:var(--orange);margin-bottom:22px}.hero-chapter h2{font-size:clamp(42px,4.2vw,72px);line-height:1.08;letter-spacing:-.065em;font-weight:500;margin:0}.hero-chapter h2 em{color:var(--orange)}.hero-chapter p{font-size:16px;line-height:1.6;max-width:350px;margin:25px 0 0;color:var(--muted)}.hero-bottom{position:absolute;z-index:8;left:4vw;right:4vw;bottom:30px;display:flex;justify-content:space-between;align-items:end;gap:40px;font:500 12px/1.4 'DM Mono',monospace}.scroll-cue{display:flex;align-items:center;gap:15px;color:var(--cream)}.scroll-cue-arrow{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);width:50px;height:50px;border-radius:50%;font-size:24px}.hero-timeline{width:30%;color:var(--muted)}.hero-track{height:1px;background:var(--line);margin-bottom:12px}.hero-track i{display:block;width:100%;height:2px;background:var(--orange);transform:scaleX(var(--hero-progress,0));transform-origin:left}.hero-markers{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:0}.skip-scene{padding-bottom:14px;white-space:nowrap}.skip-scene:hover{color:var(--orange)}.hero-grain{position:absolute;z-index:7;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}
[data-motion=on] .hero{height:400svh}[data-motion=on] .hero-sticky{position:sticky;top:0}[data-motion=on] .hero-chapter{position:absolute;left:0;bottom:0;display:block;opacity:var(--chapter-opacity,0);transform:translate(var(--chapter-x,0px),var(--chapter-y,60px));visibility:hidden;will-change:transform,opacity}[data-motion=on] .hero-chapter.is-active{visibility:visible}
.intro{position:relative;background:var(--cream);color:var(--ink);padding:7vw 4vw 8vw;overflow:clip}.intro-title{font-size:clamp(76px,13vw,218px);font-weight:500;letter-spacing:-.08em;line-height:1.01;margin:7vw 0 5vw}.intro-line{display:block;transform:translateX(var(--intro-x,0px));color:var(--ink)}.intro-line em,.intro-title em{color:#b43a1b}.intro-marquee{border-top:1px solid rgba(19,15,13,.25);border-bottom:1px solid rgba(19,15,13,.25);padding:28px 4vw;margin:0 -4vw 65px;overflow:clip;color:#b43a1b;font-size:clamp(24px,7vw,100px);line-height:1.2;letter-spacing:-.045em;font-weight:600;white-space:nowrap;text-align:center}.intro-marquee>span{display:block;transform:translateY(var(--marquee-y,0px))}.intro-bottom{display:grid;grid-template-columns:1fr 1.35fr auto;gap:4vw;align-items:end}.intro-bottom p{grid-column:2;font-size:clamp(19px,1.8vw,29px);line-height:1.5;letter-spacing:-.025em;margin:0;max-width:660px}.intro-asterisk{font-size:140px;color:var(--orange);line-height:1;transform:rotate(var(--asterisk-turn,0deg))}[data-motion=on] .intro-line{background-image:linear-gradient(90deg,var(--ink) var(--fill,0%),#bdb4a6 var(--fill,0%));background-clip:text;-webkit-background-clip:text;color:transparent}[data-motion=on] .intro-title em{background-image:linear-gradient(90deg,#b43a1b var(--fill,0%),#bdb4a6 var(--fill,0%))}
.solutions{background:var(--ink);color:var(--cream)}.solutions-stage{padding:7vw 4vw 70px}.solutions-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:65px 0 35px}.solutions-heading h2{font-size:clamp(62px,7vw,108px);letter-spacing:-.075em;line-height:1.04;font-weight:500;margin:0}.solutions-heading h2 em{color:var(--orange)}.solutions-heading p{max-width:330px;font-size:16px;line-height:1.6;color:var(--muted);margin:0}.service-nav{display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.service-nav button{font:500 12px 'DM Mono',monospace;color:var(--muted);padding:18px 15px;background:transparent;border:0;flex:1;text-align:left;display:flex;gap:15px;white-space:nowrap;transition:background .25s,color .25s}.service-nav button+button{border-left:1px solid var(--line)}.service-nav button[aria-current=true]{background:var(--orange);color:var(--ink)}.service-nav button:hover{color:var(--cream)}.services-track{display:grid;gap:25px}.service-panel{position:relative;min-height:550px;background:#201710;overflow:clip;border:1px solid #443125;isolation:isolate}.service-panel:nth-child(2){background:#211b15}.service-panel:nth-child(3){background:#181211}#servico-automacoes{background:#211a15}.service-index{position:absolute;z-index:1;left:36px;bottom:-.2em;font-size:clamp(210px,29vw,430px);font-weight:500;letter-spacing:-.12em;line-height:1;color:rgba(241,233,218,.06)}.service-copy{position:relative;z-index:4;padding:48px;width:58%}.service-copy>.eyebrow{color:var(--orange);margin-bottom:24px}.service-copy h3{font-size:clamp(52px,5.3vw,92px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0}.service-copy h3 em{color:var(--cream)}.service-copy p{font-size:16px;line-height:1.6;max-width:365px;color:var(--muted);margin:25px 0 30px}.service-detail{font:500 12px/1.5 'DM Mono',monospace;letter-spacing:.04em;color:#d4b29a}.service-art{position:absolute;z-index:2;right:-6%;top:0;bottom:0;width:64%;transform:perspective(1200px) translateX(var(--service-art-x,0px)) rotateY(var(--service-art-turn,0deg)) scale(var(--service-art-scale,1));mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent)}.service-art img{width:100%;height:100%;object-fit:cover}.service-panel:nth-child(2) .service-art img,#servico-automacoes .service-art img{object-position:60% center}.service-progress{height:2px;background:var(--line);margin-top:22px}.service-progress span{display:block;height:100%;width:100%;background:var(--orange);transform:scaleX(var(--services-progress,.25));transform-origin:left}
.possibilities{background:var(--cream);color:var(--ink);padding:7vw 4vw 9vw}.possibilities-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:75px 0 60px}.possibilities-heading h2{font-size:clamp(54px,7vw,118px);letter-spacing:-.075em;line-height:1.04;font-weight:500;margin:0}.possibilities-heading h2 em{color:#b43a1b}.possibilities-heading p{max-width:320px;font-size:16px;line-height:1.6;color:#65594f}.flow-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:5vw;border-top:1px solid rgba(19,15,13,.3);padding-top:22px}.flow-tabs{display:flex;flex-direction:column}.flow-tab{display:grid;grid-template-columns:28px 1fr 20px;gap:12px;width:100%;align-items:center;padding:25px 0;color:#65594f;background:none;border:0;border-bottom:1px solid rgba(19,15,13,.3);text-align:left;font-size:clamp(19px,1.7vw,26px);letter-spacing:-.045em;transition:color .25s,padding .25s}.flow-tab>span:first-child{font:500 12px 'DM Mono',monospace;color:#b43a1b}.flow-tab>span:last-child{font-size:23px}.flow-tab.is-active,.flow-tab:hover{color:var(--ink);padding-left:10px}.flow-tab.is-active{border-bottom-color:#b43a1b}.flow-panel{min-height:390px;padding:32px;background:var(--ink);color:var(--cream);border:1px solid #654433;display:flex;flex-direction:column;justify-content:space-between;overflow:clip}.flow-caption{font:500 12px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted)}.flow-diagram{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:38px 0;perspective:700px}.flow-step{display:flex;flex:0 1 140px;height:130px;border:1px solid rgba(241,233,218,.36);background:#251b15;flex-direction:column;justify-content:space-between;padding:15px;transform:translateY(var(--step-y,0px)) rotateX(var(--step-turn,0deg));opacity:var(--step-opacity,1)}.flow-step span{font:500 12px 'DM Mono',monospace;color:var(--orange)}.flow-step strong{font-size:clamp(18px,1.6vw,25px);letter-spacing:-.045em;font-weight:500}.flow-connector{height:1px;background:var(--orange);flex:1;position:relative;min-width:14px;transform:scaleX(var(--connector-scale,1));transform-origin:left}.flow-connector::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid var(--orange);border-right:1px solid var(--orange);transform:rotate(45deg)}.flow-description{max-width:400px;font-size:16px;line-height:1.6;color:#d7c4b8;margin:0}[data-motion=on] .flow-panel.is-changing .flow-diagram,[data-motion=on] .flow-panel.is-changing .flow-description{animation:flowChange .45s both}@keyframes flowChange{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.method{background:var(--ink);color:var(--cream)}.method-stage{padding:7vw 4vw 8vw}.method-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:65px 0 55px}.method-heading h2{font-size:clamp(60px,6.6vw,112px);line-height:1.04;font-weight:500;letter-spacing:-.07em;margin:0}.method-heading h2 em{color:var(--orange)}.method-heading p{max-width:310px;font-size:16px;line-height:1.6;color:var(--muted);margin:0}.method-composition{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:start}.method-visual{position:sticky;top:125px;height:560px;overflow:clip;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 50%,transparent 100%)}.method-visual img{width:100%;height:100%;object-fit:cover;transform:rotate(var(--method-turn,0deg)) scale(var(--method-scale,1.1));will-change:transform}.method-visual>span{position:absolute;bottom:25px;left:30px;font:500 12px 'DM Mono',monospace;color:var(--muted)}.method-stack{display:grid;gap:20px}.method-card{position:relative;min-height:460px;background:var(--cream);color:var(--ink);border:1px solid #d1c2aa;padding:40px;overflow:clip}.method-card:nth-child(2){background:#e9dbbf}.method-card:nth-child(3){background:#e7b192}.method-card:nth-child(4){background:var(--orange)}.method-card>.eyebrow{color:#852609}.method-card h3{position:relative;z-index:1;font-size:clamp(43px,4.2vw,68px);font-weight:500;letter-spacing:-.065em;line-height:1.07;margin:47px 0 22px}.method-card p{position:relative;z-index:1;font-size:16px;line-height:1.6;max-width:360px;margin:0}.method-card-number{position:absolute;right:25px;bottom:-45px;font-size:230px;line-height:1;font-weight:500;letter-spacing:-.13em;color:rgba(19,15,13,.075)}.method-progress{height:2px;background:var(--line);margin-top:30px}.method-progress>span{height:100%;display:block;background:var(--orange);transform:scaleX(var(--method-progress,.25));transform-origin:left}
.contact{position:relative;isolation:isolate;background:var(--ink);color:var(--ink);padding:7vw 4vw 30px;overflow:clip}.contact::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--orange);clip-path:inset(var(--contact-inset,0%) round var(--contact-radius,0px))}.contact h2{font-size:clamp(74px,9.5vw,162px);line-height:1.03;font-weight:500;letter-spacing:-.075em;margin:9vw 0 6vw;transform:translateX(var(--contact-title-x,0px))}.contact h2 em{color:var(--cream)}.contact-row{display:flex;justify-content:space-between;align-items:end;gap:35px}.contact-row p{max-width:440px;font-size:clamp(20px,1.8vw,30px);line-height:1.35;letter-spacing:-.03em;margin:0}.contact-button{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:270px;min-height:72px;border:1px solid var(--ink);border-radius:50px;padding:21px 26px;font:500 12px 'DM Mono',monospace;text-transform:uppercase;transition:background .25s,color .25s,transform .25s}.contact-button:hover{background:var(--ink);color:var(--cream);transform:translateY(-6px)}.contact-button span{font-size:25px}.footer{padding-top:100px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font:500 12px/1.5 'DM Mono',monospace;letter-spacing:.03em}.footer-top{padding-bottom:20px;border-bottom:1px solid rgba(19,15,13,.4)}.footer-wordmark{font-size:16.4vw;font-weight:500;line-height:1.12;letter-spacing:-.1em;white-space:nowrap;overflow:clip}.footer-wordmark>span{display:block;transform:translate(var(--footer-x,0px),var(--footer-y,0%)) skewX(var(--footer-skew,0deg));will-change:transform}.footer-wordmark strong{font-weight:800}.footer-wordmark i{font-style:normal;color:var(--cream)}.footer-bottom{padding-top:20px;border-top:1px solid rgba(19,15,13,.4)}.motion-reveal{transform:translateY(var(--reveal-y,0px));opacity:var(--reveal-opacity,1)}
@media(min-width:761px){
  [data-motion=on] .solutions{height:var(--services-height,480svh)}[data-motion=on] .solutions-stage{position:sticky;top:0;height:100svh;min-height:750px;padding-top:100px;overflow:clip}[data-motion=on] .solutions-heading{margin:28px 0 25px}[data-motion=on] .solutions-heading h2{font-size:clamp(45px,4.9vw,76px)}[data-motion=on] .solutions-heading p{max-width:400px}[data-motion=on] .services-viewport{overflow:visible}[data-motion=on] .services-track{display:flex;gap:3vw;width:max-content;transform:translateX(var(--services-x,0px));will-change:transform}[data-motion=on] .service-panel{width:92vw;flex:0 0 92vw;height:calc(100svh - 405px);min-height:345px;max-height:640px}[data-motion=on] .service-copy{padding:30px 40px}[data-motion=on] .service-copy>.eyebrow{margin-bottom:17px}[data-motion=on] .service-copy h3{font-size:clamp(44px,4.6vw,76px)}[data-motion=on] .service-copy p{margin:18px 0 20px}[data-motion=on] .service-nav{margin-bottom:20px}[data-motion=on] .service-nav button{padding:14px 15px}
  [data-motion=on] .method{height:340svh}[data-motion=on] .method-stage{position:sticky;top:0;height:100svh;min-height:780px;padding-top:100px;overflow:clip}[data-motion=on] .method-heading{margin:30px 0 28px}[data-motion=on] .method-heading h2{font-size:clamp(48px,5vw,84px)}[data-motion=on] .method-composition{height:calc(100svh - 390px);min-height:365px}[data-motion=on] .method-visual{position:relative;top:0;height:100%;min-height:365px}[data-motion=on] .method-stack{position:relative;display:block;height:100%;perspective:1200px}[data-motion=on] .method-card{position:absolute;inset:0;min-height:365px;transform:translateY(var(--card-y,0%)) rotate(var(--card-turn,0deg)) scale(var(--card-scale,1));transform-origin:center bottom;will-change:transform}[data-motion=on] .method-card h3{margin-top:35px}[data-motion=on] .method-card:nth-child(n+2){transform:translateY(var(--card-y,125%)) rotate(var(--card-turn,8deg)) scale(var(--card-scale,1))}
}
@media(max-width:1120px){.site-header{gap:18px}.desktop-nav{gap:18px}.header-contact{display:none}.hero-initial h1{font-size:9vw}.hero-description{max-width:330px}.hero-chapter h2{font-size:4.9vw}.solutions-heading,.possibilities-heading,.method-heading{gap:30px}.service-copy{width:61%}.service-art{right:-10%;width:67%}.service-copy h3{font-size:6vw}.flow-layout{gap:3vw}.flow-panel{padding:22px}.flow-step{padding:10px}.method-card{padding:30px}.method-card h3{font-size:5vw}.method-visual{height:470px}}
@media(max-width:900px){
  .announcement span:last-child{display:none}.site-header{padding:0 5vw;gap:15px}.wordmark-logo{width:190px;height:65px}.desktop-nav{display:none}.motion-toggle{margin-left:auto;font-size:12px;padding-left:0;border:0;gap:6px}.motion-toggle-label{max-width:78px;white-space:normal;line-height:1.2;text-align:left}.menu-toggle{display:flex;width:43px;height:43px;padding:12px;flex-direction:column;gap:5px;justify-content:center;background:none;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.menu-toggle span{height:1px;background:var(--cream);width:100%}.mobile-menu:not([hidden]){display:flex;flex-direction:column;position:absolute;z-index:49;top:117px;left:0;right:0;padding:16px 5vw 30px;background:var(--ink);border-bottom:1px solid var(--line)}.site-header.is-scrolled+.mobile-menu:not([hidden]){position:fixed;top:75px}.mobile-menu a{font-size:20px;padding:15px 0;border-bottom:1px solid var(--line)}
  .hero-initial{left:5vw;top:160px;max-width:90%}.hero-initial h1{font-size:clamp(56px,9vw,77px);line-height:1.02}.hero-initial>.eyebrow{margin-bottom:23px}.hero-description{font-size:16px;line-height:1.5;margin-top:25px;max-width:430px}.hero-media{top:61%;width:min(100vw,63svh);transform:translate(-50%,-50%) translate(var(--scene-x,0px),var(--scene-y,0px)) rotate(var(--scene-turn,-5deg)) scale(var(--scene-scale,.95))}.hero-backword{font-size:24vw;top:57%}.hero-chapters{left:5vw;bottom:auto;top:168px;width:90%;height:250px}.hero-chapter::before{inset:-24px -15px -28px -5vw;background:linear-gradient(180deg,rgba(19,15,13,.95),rgba(19,15,13,.92) 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 13%,#000 83%,transparent)}.hero-chapter h2{font-size:clamp(41px,6.8vw,60px)}.hero-chapter p{max-width:450px;margin-top:17px}.hero-bottom{left:5vw;right:5vw;bottom:25px;gap:24px}.hero-timeline{width:46%}.skip-scene{display:none}.hero-markers{font-size:12px}.hero-chapter>.eyebrow{margin-bottom:18px}[data-motion=on] .hero-chapter{bottom:auto;top:0}.solutions-heading p{max-width:300px}.possibilities-heading,.method-heading{align-items:start;flex-direction:column}.possibilities-heading p,.method-heading p{max-width:530px}.method-composition{gap:3vw}.method-card h3{font-size:43px}.method-card{padding:25px}.method-card p{font-size:16px}.contact h2{font-size:10.5vw}.footer-bottom span:nth-child(2){display:none}
}
@media(max-width:760px){
  html{scroll-padding-top:75px}.announcement{padding:0 5vw;font-size:12px}.site-header{height:77px;gap:9px}.site-header.is-scrolled{height:70px}.wordmark-logo{width:160px;height:58px}.motion-icon{display:none}.motion-toggle-label{max-width:78px}.mobile-menu:not([hidden]){top:107px}.site-header.is-scrolled+.mobile-menu:not([hidden]){top:70px}.hero-sticky{min-height:760px}.hero-initial{top:148px}.hero-initial>.eyebrow{font-size:12px;letter-spacing:.01em}.hero-initial h1{font-size:clamp(46px,11vw,68px)}.hero-initial h1 em{font-size:.88em}.hero-description{font-size:16px;max-width:330px;margin-top:23px}.hero-media{top:66%;width:min(105vw,60svh)}.hero-chapters{top:153px;height:240px}.hero-chapter h2{font-size:clamp(36px,9.3vw,54px)}.hero-chapter p{font-size:16px;max-width:330px}.hero-chapter>.eyebrow{font-size:12px;letter-spacing:0}.hero-bottom{bottom:26px;gap:22px;align-items:center}.hero-timeline{flex:1;width:auto}.hero-markers{font-size:12px;gap:8px;letter-spacing:-.06em}.scroll-cue{max-width:100px;gap:7px;font-size:12px;line-height:1.3}.scroll-cue-arrow{border:0;width:17px;flex-shrink:0;font-size:24px}.hero-backword{top:60%;font-size:28vw}[data-motion=on] .hero{height:360svh}.section-meta{font-size:12px;letter-spacing:0;gap:20px}.section-meta>span:last-child{max-width:44%}.intro{padding:75px 5vw}.intro-title{font-size:clamp(57px,12.8vw,100px);margin:80px 0 55px}.intro-marquee{margin:0 -5vw 55px;padding:24px 5vw}.intro-bottom{grid-template-columns:1fr auto;gap:20px}.intro-bottom p{grid-column:1;font-size:18px}.intro-asterisk{font-size:65px}.solutions-stage{padding:75px 5vw}.solutions-heading{display:block;margin:65px 0 38px}.solutions-heading h2{font-size:clamp(55px,10.8vw,80px)}.solutions-heading p{margin-top:26px;max-width:500px}.service-nav{position:relative;overflow-x:auto;scrollbar-width:none}.service-nav button{padding:15px 11px;justify-content:center}.service-nav button>span{display:none}.services-track{gap:28px}.service-panel{min-height:650px;transform:perspective(1100px) translateY(var(--panel-y,0px)) rotateX(var(--panel-turn,0deg));transform-origin:center bottom}.service-copy{padding:30px 25px;width:100%}.service-copy>.eyebrow{font-size:12px;margin-bottom:22px}.service-copy h3{font-size:clamp(43px,10.2vw,62px)}.service-copy p{max-width:100%;margin-top:20px;font-size:16px}.service-detail{font-size:12px}.service-art{top:auto;bottom:0;right:-5%;width:105%;height:49%;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 80%,transparent)}.service-index{bottom:-.08em;left:20px;font-size:240px;z-index:3}.service-progress{display:none}.possibilities{padding:75px 5vw}.possibilities-heading{padding:65px 0 48px;gap:24px}.possibilities-heading h2{font-size:clamp(44px,10.2vw,72px)}.possibilities-heading p{margin:0}.flow-layout{display:block}.flow-tabs{margin-bottom:30px}.flow-tab{font-size:20px}.flow-panel{padding:22px;min-height:350px}.flow-step{height:110px;padding:10px}.flow-step strong{font-size:18px}.flow-description{font-size:16px}.method-stage{padding:75px 5vw}.method-heading{margin:60px 0 40px;gap:25px}.method-heading h2{font-size:clamp(45px,10.7vw,77px)}.method-composition{display:block}.method-visual{position:relative;top:0;height:300px;margin-bottom:35px}.method-visual>span{left:20px;bottom:20px;font-size:12px}.method-stack{gap:25px}.method-card{min-height:380px;padding:30px;transform:translateY(var(--mobile-card-y,0px)) rotate(var(--mobile-card-turn,0deg));transform-origin:left top}.method-card h3{font-size:43px;margin-top:45px}.method-card p{max-width:400px;font-size:16px}.method-progress{display:none}.contact{padding:75px 5vw 25px}.contact h2{font-size:clamp(53px,11.7vw,87px);margin:85px 0 50px}.contact-row{flex-direction:column;align-items:start;gap:32px}.contact-row p{font-size:21px}.contact-button{min-width:260px}.footer{padding-top:90px}.footer-wordmark{font-size:17vw;line-height:1.4}.footer-top,.footer-bottom{font-size:12px;letter-spacing:-.02em;gap:15px}.footer-top>span{max-width:45%}.footer-top>a{text-align:right}.footer-bottom{font-size:12px}
}
@media(max-width:380px){.wordmark-logo{width:138px}.site-header{gap:7px}.motion-toggle-label{max-width:68px}.hero-initial h1{font-size:12.1vw}.hero-description{max-width:290px}.hero-markers{font-size:12px;gap:5px;letter-spacing:-.075em}.hero-chapter h2{font-size:10vw}.hero-chapter p{font-size:16px;max-width:295px}.flow-panel{padding:18px}.flow-step strong{font-size:16px}.flow-step{padding:8px}}
@media(min-width:761px) and (max-height:780px){[data-motion=on] .solutions-stage{min-height:720px;padding-top:94px}[data-motion=on] .solutions-heading{margin:20px 0}[data-motion=on] .solutions-heading h2{font-size:46px}[data-motion=on] .service-panel{min-height:345px}[data-motion=on] .service-copy{padding:25px 35px}[data-motion=on] .service-copy h3{font-size:48px}[data-motion=on] .method-stage{min-height:730px;padding-top:95px}[data-motion=on] .method-heading h2{font-size:48px}[data-motion=on] .method-card{min-height:350px;padding:28px}[data-motion=on] .method-card h3{font-size:45px;margin-top:25px}}
[data-motion=off]{scroll-behavior:auto}[data-motion=off] .hero-media{transform:translate(-50%,-50%) translateX(17vw)}[data-motion=off] .hero-canvas{opacity:0}[data-motion=off] .hero-poster{opacity:1}[data-motion=off] .hero-timeline,[data-motion=off] .hero-backword{display:none}[data-motion=off] .hero-initial{opacity:1;transform:none}[data-motion=off] .hero-line-one,[data-motion=off] .hero-line-two,[data-motion=off] .intro-line,[data-motion=off] .intro-marquee>span,[data-motion=off] .intro-asterisk,[data-motion=off] .motion-reveal,[data-motion=off] .flow-step,[data-motion=off] .flow-connector,[data-motion=off] .service-panel,[data-motion=off] .service-art,[data-motion=off] .method-card,[data-motion=off] .method-visual img,[data-motion=off] .footer-wordmark>span,[data-motion=off] .contact h2{transform:none;opacity:1}[data-motion=off] .contact::before{clip-path:none}@media(max-width:900px){[data-motion=off] .hero-media{transform:translate(-50%,-50%)}}


/* Real project covers, paired with readable project information. */
.service-project{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:6px;max-width:520px;margin-top:20px;padding-top:13px;border-top:1px solid rgba(241,233,218,.3);color:var(--cream);transition:border-color .2s,color .2s}
.service-project-label{grid-column:1/-1;font:500 11px/1.4 'DM Mono',monospace;letter-spacing:.055em;color:var(--orange)}
.service-project-name{min-width:0;font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.045em}
.service-project-name small{display:block;font:400 12px/1.5 'DM Mono',monospace;letter-spacing:0;color:#d7cabe;margin-top:2px}
.service-project-action{align-self:center;display:flex;align-items:center;gap:14px;white-space:nowrap;font:500 12px/1.5 'DM Mono',monospace}
.service-project-action>span{font-size:23px;line-height:1;color:var(--orange);transition:transform .2s}
.service-project:hover{border-color:var(--orange)}.service-project:hover .service-project-action>span{transform:translate(3px,-3px)}
.service-project:focus-visible{outline:2px solid var(--orange);outline-offset:5px;border-color:var(--orange)}
.has-project{display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);align-items:center;gap:0}
.has-project .service-copy{width:auto;padding:38px 36px;isolation:auto}
.has-project .service-copy::before{display:none}
.has-project .service-copy>.eyebrow{margin-bottom:16px}
.has-project .service-copy h3{font-size:clamp(40px,4.2vw,68px)}
.has-project .service-copy p{max-width:490px;margin:19px 0 21px;font-size:15px;line-height:1.5}
.has-project .service-index{font-size:clamp(190px,22vw,340px);color:rgba(241,233,218,.035)}
.has-project .project-cover{position:relative;inset:auto;z-index:3;width:auto;height:auto;min-width:0;padding:30px 32px 30px 15px;mask-image:none;transform:perspective(1400px) translateX(calc(var(--service-art-x,0px) * .12)) rotateY(calc(var(--service-art-turn,0deg) * .22));transform-origin:center;opacity:1}
.project-screen{margin:0;overflow:hidden;border:1px solid #645043;border-radius:9px;background:#f5f6f5;box-shadow:0 20px 50px rgba(0,0,0,.32),0 2px 5px rgba(0,0,0,.28)}
.project-screen-bar{height:28px;display:flex;align-items:center;gap:12px;padding:0 11px;background:#2b211c;color:#d8cab9;border-bottom:1px solid rgba(241,233,218,.18);font:400 9px/1 'DM Mono',monospace}
.project-screen-dots{display:flex;gap:4px;flex-shrink:0}.project-screen-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#9e8b78}.project-screen-dots i:first-child{background:var(--orange)}
.project-screen-address{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:center}
.project-screen-mark{font-size:14px;line-height:1;color:var(--orange)}
.has-project .project-cover img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;opacity:1}
.project-cover-caption{display:block;margin-top:14px;color:#c6b7a6;font:400 10px/1.5 'DM Mono',monospace;letter-spacing:.055em;text-transform:uppercase;text-align:right}
@media(min-width:761px){
  [data-motion=on] .has-project .service-copy{width:auto;padding:25px 35px}
  [data-motion=on] .has-project .service-copy>.eyebrow{margin-bottom:12px}
  [data-motion=on] .has-project .service-copy h3{font-size:clamp(40px,4vw,62px)}
  [data-motion=on] .has-project .service-copy p{font-size:15px;line-height:1.5;margin:15px 0 16px}
  [data-motion=on] .has-project .service-project{margin-top:14px;padding-top:10px;row-gap:4px}
  [data-motion=on] .has-project .service-project-name{font-size:21px}
}
@media(min-width:761px) and (max-height:850px){
  [data-motion=on] .has-project .service-copy{padding:17px 28px}
  [data-motion=on] .has-project .service-copy>.eyebrow{margin-bottom:8px}
  [data-motion=on] .has-project .service-copy h3{font-size:38px}
  [data-motion=on] .has-project .service-copy p{font-size:14px;line-height:1.45;margin:10px 0 12px}
  [data-motion=on] .has-project .service-project{margin-top:10px;padding-top:8px;row-gap:3px}
  [data-motion=on] .has-project .service-project-name{font-size:19px}
  [data-motion=on] .has-project .service-project-name small{display:inline;font-size:11px;margin-left:8px}
  [data-motion=on] .has-project .project-cover{padding:23px 28px 23px 9px}
}
@media(min-width:761px) and (max-height:780px){
  [data-motion=on] .has-project .service-copy{padding:14px 25px}
  [data-motion=on] .has-project .service-copy h3{font-size:36px}
  [data-motion=on] .has-project .service-copy p{line-height:1.4;margin:8px 0 10px}
  [data-motion=on] .has-project .service-project{margin-top:8px}
}
@media(min-width:761px) and (max-width:1000px) and (min-height:900px){
  .has-project,[data-motion=on] .has-project{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:4px}
  [data-motion=on] .has-project{min-height:610px;height:calc(100svh - 405px)}
  .has-project .service-copy,[data-motion=on] .has-project .service-copy{padding:22px 30px 0}
  .has-project .service-copy h3,[data-motion=on] .has-project .service-copy h3{font-size:40px}
  .has-project .service-copy p,[data-motion=on] .has-project .service-copy p{max-width:590px;margin:11px 0 12px;font-size:14px}
  .has-project .service-copy>.eyebrow,[data-motion=on] .has-project .service-copy>.eyebrow{margin-bottom:10px}
  .has-project .service-project,[data-motion=on] .has-project .service-project{max-width:590px;margin-top:12px;padding-top:9px}
  .has-project .service-project-name small{display:inline;margin-left:9px}
  .has-project .project-cover,[data-motion=on] .has-project .project-cover{padding:14px 25px 20px;max-width:510px;width:100%;justify-self:center}
  .project-screen-bar{height:24px}.project-cover-caption{margin-top:10px}
}
@media(min-width:761px) and (max-width:1000px) and (max-height:899px){
  [data-motion=on] .has-project .service-copy{padding:18px 20px}
  [data-motion=on] .has-project .service-copy h3{font-size:32px}
  [data-motion=on] .has-project .service-copy p{font-size:13px;line-height:1.45}
  .has-project .service-detail{font-size:10px;letter-spacing:0}
  [data-motion=on] .has-project .service-project-name{font-size:17px}
  [data-motion=on] .has-project .service-project-name small{display:block;margin-left:0;font-size:10px}
  .has-project .service-project-action{font-size:10px;gap:6px}
  .has-project .service-project{column-gap:8px}.has-project .service-project-label{font-size:10px}
  [data-motion=on] .has-project .project-cover{padding:20px 20px 20px 6px}
  .project-screen-bar{font-size:7px;gap:7px;padding:0 7px}.project-cover-caption{font-size:9px}
}
@media(max-width:760px){
  .has-project{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;height:auto}
  .has-project .service-copy{width:auto;padding:30px 25px 0}
  .has-project .service-copy h3{font-size:clamp(43px,10.2vw,62px)}
  .has-project .service-copy>.eyebrow{font-size:12px;margin-bottom:22px}
  .has-project .service-copy p{max-width:100%;font-size:16px;line-height:1.55;margin:20px 0 23px}
  .has-project .service-index{left:20px;bottom:0;font-size:210px}
  .service-project{margin-top:22px;padding-top:14px;row-gap:7px;column-gap:14px}
  .service-project-name{font-size:22px}.service-project-action{font-size:12px;gap:10px}
  .has-project .project-cover{width:auto;max-width:none;height:auto;padding:30px 20px 28px;transform:perspective(1000px) translateX(calc(var(--service-art-x,0px) * .1)) rotateY(calc(var(--service-art-turn,0deg) * .14));flex-shrink:0}
  .project-screen{border-radius:6px;box-shadow:0 15px 32px rgba(0,0,0,.3)}.project-screen-bar{height:25px;padding:0 9px;gap:8px;font-size:8px}.project-cover-caption{font-size:9px;margin-top:11px}
}
@media(max-width:380px){.service-project{column-gap:10px}.service-project-name{font-size:20px}.service-project-action{font-size:11px;gap:7px}.has-project .project-cover{padding:28px 17px 25px}.project-screen-address{font-size:7px}}
[data-motion=off] .has-project .project-cover{transform:none}
