/* Elemental4 / Materia viva 5.0. Original editorial composition.
   Hero transforms: direction.js. Existing worlds: experience.js + main.js.
   Static art is the baseline; enhancement never gates reading or navigation. */
:root{--paper:#e9eeed;--paper-ink:#141129;--editorial-line:#14112930}
.site-header{background:#e9eeedf0;color:#141129;border-color:#14112925;backdrop-filter:blur(16px);box-shadow:none}
.site-header.is-scrolled{background:#e9eeedf2;box-shadow:0 1px 0 #14112916}
.site-header .brand img{filter:brightness(0);opacity:.9}
.site-header .brand-four{color:#312783}
.site-header .brand small{color:#312783}
.site-header .desktop-nav{border-color:#14112924;background:transparent}
.site-header .desktop-nav a{color:#141129}
.site-header .desktop-nav a>span{color:#625d78}
.site-header .desktop-nav a:hover{color:#312783}
.site-header .header-cta{color:#141129;border-color:#14112970;font-size:12px}
.site-header .header-cta>span{background:#141129;color:#e9eeed;border-radius:50%;display:grid;place-items:center;width:33px;height:33px;font-size:20px}
.site-header .menu-toggle{color:#141129;border-color:#14112930}
.site-header .menu-toggle i span{background:#141129}
.materia-site{overflow:clip}
.materia-site .section-pad{padding-inline:5vw}
.materia-site h2{letter-spacing:-.065em}
.materia-site .section-label{letter-spacing:.1em;font-size:10px}
.materia-journey{background:var(--paper)}
.js-motion:not(.materia-motion-ready) .materia-journey{height:auto!important;min-height:0!important}
.js-motion:not(.short-viewport) .materia-journey{height:185svh;min-height:1450px}
.editorial-hero,.js-motion:not(.short-viewport) .editorial-hero{height:100svh;min-height:780px;max-height:1200px;top:0;padding:0;display:block;color:var(--paper-ink);background:var(--paper);isolation:isolate;--night:0}
.hero-paper{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 49%,#d8e5f5,transparent 55%);overflow:hidden;z-index:-2}
.hero-paper>span{position:absolute;right:-.06em;top:-.15em;font:500 67vw/.9 'Space Grotesk',sans-serif;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #3127830c;user-select:none}
.hero-night{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 48%,#312783 0%,#141129 43%,#030018 80%);clip-path:circle(0% at 75% 50%);z-index:-1}
.editorial-top{position:absolute;top:calc(var(--nav-height) + 35px);left:5vw;right:5vw;display:flex;justify-content:space-between;font:9px/1.7 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#4c4961;z-index:3}
.editorial-top>span{text-align:right}
.editorial-heading{position:absolute;left:5vw;top:26%;z-index:3;max-width:67%}
.editorial-eyebrow{display:flex;align-items:center;gap:12px;font:9px 'Space Grotesk',sans-serif;letter-spacing:.11em;margin-bottom:28px}
.editorial-eyebrow i{height:7px;width:7px;border-radius:50%;background:#312783}
.editorial-heading h1{font:500 clamp(72px,8.6vw,156px)/.92 'DM Sans',sans-serif;letter-spacing:-.075em;max-width:9em}
.editorial-heading h1>span{display:block}
.editorial-heading h1>em{display:block;font:italic 400 .91em/.97 Georgia,serif;color:#312783;letter-spacing:-.07em;max-width:6.3em;margin-top:10px}
.hero-sculpture{position:absolute;right:2%;top:15%;width:48%;height:72%;margin:0;z-index:2;transform-origin:55% 55%;pointer-events:none}
.hero-sculpture picture,.sculpture-image{display:block;width:100%;height:100%;object-fit:contain}
.sculpture-image{transform-origin:50% 50%;filter:drop-shadow(14px 30px 24px #20274918)}
.sculpture-caption{position:absolute;right:5vw;bottom:13%;display:flex;align-items:center;gap:16px;font:8px 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#524d67;z-index:3}
.sculpture-caption i{height:1px;width:45px;background:#31278360}
.editorial-intro{position:absolute;left:5vw;bottom:17%;max-width:305px;z-index:4}
.editorial-intro>p{font-size:14px;line-height:1.65;color:#4b475d;margin-bottom:23px}
.editorial-intro .pill{background:#141129;color:#eef4f6;padding:9px 9px 9px 24px;gap:30px;font-size:12px;min-height:54px}
.editorial-intro .pill>span{display:grid;place-items:center;background:#36a9e1;color:#141129;border-radius:50%;height:37px;width:37px;transition:transform .35s var(--ease)}
.editorial-intro .pill:hover>span{transform:rotate(45deg)}
.hero-vision{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;left:5vw;opacity:0;pointer-events:none;color:#e9eeed;z-index:4}
.hero-vision>span{font:9px 'Space Grotesk';letter-spacing:.15em;margin:0 0 30px 6px}
.hero-vision>p{font:500 clamp(80px,10vw,180px)/.9 'DM Sans';letter-spacing:-.075em}
.hero-vision em{font-family:Georgia,serif;font-size:1.04em;color:#b8e3ff;letter-spacing:-.06em}
.hero-vision>small{font-size:13px;line-height:1.6;margin:35px 0 0 7px;max-width:300px}
.editorial-bottom{position:absolute;bottom:25px;left:5vw;right:5vw;border-top:1px solid #77758c65;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5;color:#4b475d}
.editorial-scroll{display:flex;align-items:center;gap:12px;font:8px 'Space Grotesk';letter-spacing:.06em}
.editorial-scroll>span{font-size:23px}
.hero-bottom-label{font:8px 'Space Grotesk';letter-spacing:.08em}
.editorial-bottom .motion-toggle{color:inherit;background:transparent;border-color:#85829366;font-size:8px}
.materia-site .signal-ribbon{background:#312783;color:#e9eeed;border:0;transform:none;padding:25px 0}
.materia-site .signal-track{font:500 clamp(25px,3.3vw,54px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.04em;text-transform:none;gap:45px}
.materia-site .signal-track .e4-glyph{font-size:33px;opacity:.8}
.materia-site .manifest{padding-block:100px 55px;background:#030018;color:#e9eeed}
.materia-site .manifest:before{display:none}
.materia-site .manifest .section-label{border-top:0;padding-top:0}
.materia-site .manifest-content{grid-template-columns:1.65fr .7fr;gap:9vw;padding:35px 0 90px;align-items:end}
.materia-site .manifest h2{font-size:clamp(48px,6.5vw,104px);line-height:1.02}
.materia-site .manifest h2 em{font-family:Georgia,serif;color:#a5d8ee;letter-spacing:-.065em}
.materia-site .manifest .ink-word{opacity:.35;color:inherit;transition:opacity .4s}
.materia-site .manifest .ink-word.ink-lit{opacity:1}
.materia-site .manifest-aside{max-width:330px;padding-bottom:6px}
.materia-site .manifest-aside .orbit-icon{font-size:44px;margin-bottom:25px}
.materia-site .manifest-aside .orbit-icon .e4-glyph{font-size:44px}
.materia-site .manifest-aside p{font-size:14px;color:#b7b9cc}
.materia-site .manifest-bottom{padding-top:24px;border-top:1px solid #ffffff25;font-size:8px;letter-spacing:.12em}
.materia-site .projects{background:var(--paper);color:#141129;border-radius:0;padding-block:95px 85px;--line:#14112930;overflow:hidden}
.materia-site .projects:before{display:none}
.materia-site .projects>.section-label,.materia-site .projects>.section-heading,.materia-site .projects>.projects-end{margin-inline:0}
.materia-site .portfolio-toolbar,.materia-site .portfolio-navigation,.materia-site .portfolio-console{margin-inline:0}
.materia-site .projects .section-label{color:#514b65;border-color:#14112940}
.materia-site .projects .section-heading{padding:25px 0 50px;align-items:end}
.materia-site .projects .section-heading h2{font-size:clamp(54px,7.3vw,114px);line-height:.98}
.materia-site .projects .section-heading>p{max-width:275px;color:#5e586d;font-size:13px}
.materia-site .portfolio-shell{--card-width:65vw}
.materia-site .portfolio-shell[data-ready] .project-grid{gap:3vw;padding-top:30px;padding-bottom:30px;perspective:1600px}
.materia-site .portfolio-shell .project-visual,.materia-site .portfolio-shell .project-card:nth-child(2) .project-visual{aspect-ratio:1.63;border-radius:3px;box-shadow:none;background:#d9dfe1;border:1px solid #1411291c}
.materia-site .portfolio-shell .project-visual img{object-fit:cover}
.materia-site .portfolio-shell .project-card{border:0}
.materia-site .portfolio-shell .project-meta h3{font:500 clamp(26px,3.1vw,48px)/1.08 'DM Sans';letter-spacing:-.045em}
.materia-site .portfolio-shell .project-meta p{font:8px 'Space Grotesk';letter-spacing:.09em;color:#534c69}
.materia-site .portfolio-shell .project-meta>span{font:400 19px Georgia,serif;font-style:italic;color:#6c627d}
.materia-site .project-excerpt{max-width:540px;font-size:13px;color:#3b314f}
.materia-site .project-card-label{left:25px;bottom:30px;font-size:8px}
.materia-site .portfolio-shell .project-open{background:#312783;color:#f2f4fa;border-radius:50%;border:1px solid #ffffff44}
.materia-site .portfolio-filters button{border-radius:0;border-color:transparent;background:transparent;color:#4c475e;font-size:11px;padding:10px 0;margin-right:28px;border-bottom:1px solid #14112930}
.materia-site .portfolio-filters button[aria-pressed=true]{background:transparent;color:#312783;border-bottom:2px solid #312783}
.materia-site .portfolio-console{border-radius:0;box-shadow:none;background:transparent;border:0;border-top:1px solid #14112930;padding:22px 0;margin-top:10px}
.materia-site .portfolio-console>label{font-size:9px}
.materia-site .portfolio-index button{border-radius:0;opacity:1;background:#141129;box-shadow:none}
.materia-site .portfolio-index button img{opacity:.25;border-radius:0}
.materia-site .portfolio-index button[aria-pressed=true]{outline:2px solid #312783;outline-offset:2px}
.materia-site .portfolio-index button[aria-pressed=true] img{opacity:.4}
.materia-site .portfolio-navigation{border-color:#14112930}
.materia-site .portfolio-current{font:italic 400 42px Georgia,serif}
.materia-site .portfolio-arrows button{border-radius:50%;border-color:#14112930;background:transparent;color:#141129;transition:background .25s,color .25s}
.materia-site .portfolio-arrows button:hover{background:#312783;color:white}
.materia-site .projects-end{margin-top:50px;padding-top:40px;border-color:#14112930}
.materia-site .projects-end p{font-size:22px;letter-spacing:-.03em;line-height:1.3}
.materia-site .projects-end .text-link{color:#312783;border-color:#31278360}
.materia-site .direction{background:#141129;padding-top:95px}
.materia-site .direction:before{display:none}
.materia-site .direction-heading h2{font-family:'DM Sans',sans-serif;font-size:clamp(40px,6vw,94px)}
.materia-site .direction-heading h2 em{color:#b2dff6}
.materia-site .direction-layout{grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}
.materia-site .direction-frame{height:620px;border:0;box-shadow:none}
.materia-site .direction-frame .direction-art i{display:none}
.materia-site .direction-frame[data-direction=essential] .direction-art{width:54%;top:50px;height:82%;right:0}
.materia-site .direction-frame[data-direction=organic] .direction-art{width:84%;height:94%;top:-20px;right:-6%}
.materia-site .direction-frame[data-direction=organic] .direction-word{z-index:3}
.materia-site .direction-frame[data-direction=bold] .direction-art{width:75%;height:77%;top:140px;right:-8%}
.materia-site .direction-frame-grid{background-image:none}
.materia-site .direction-bridge{padding:75px 0 60px}
.materia-site .direction-bridge p{font-size:30px}
.materia-site .direction-bridge a{width:44px;height:44px;font-size:21px}
.materia-site .universe-intro{background:#36a9e1;color:#141129;overflow:hidden;padding-block:90px 80px}
.materia-site .universe-intro .section-label{color:#141129;border-color:#14112955}
.materia-site .universe-intro h2{font-size:clamp(66px,9.2vw,147px);max-width:1020px;line-height:.95;position:relative;z-index:1}
.materia-site .universe-intro .serif-word{color:#141129}
.materia-site .universe-ghost{color:transparent;-webkit-text-stroke:1px #14112945;font-size:37vw;right:-.07em;top:40px;opacity:1;line-height:1}
.materia-site .universe-intro .intro-bottom{position:relative;z-index:2;margin-left:48%;padding-top:45px}
.materia-site .universe-intro .intro-bottom p{color:#17234d;font-size:14px}
.materia-site .universe-intro .circle-link{border-color:#14112975;background:#141129;color:#36a9e1}
.materia-site .lab-top{font-size:9px;letter-spacing:.06em}
.materia-site .lab-outro{background:#e9eeed;color:#141129;padding-block:80px}
.materia-site .lab-outro:before{display:none}
.materia-site .lab-outro>p{color:#514b69}
.materia-site .lab-outro h2{font-size:clamp(42px,5.5vw,82px)}
.materia-site .lab-outro h2 em{color:#312783}
.materia-site .lab-outro .pill{border-color:#14112966;color:#312783;border-radius:0;min-height:52px}
.materia-site .ecosystem{background:var(--paper);color:#141129;padding-block:100px;--line:#14112930}
.materia-site .ecosystem:before,.materia-site .ecosystem-title:after{display:none}
.materia-site .ecosystem .section-label{color:#514b65}
.materia-site .ecosystem-layout{grid-template-columns:1fr 1.2fr;gap:8vw;align-items:start;padding-top:45px}
.materia-site .ecosystem-title{position:sticky;top:120px}
.materia-site .ecosystem-title h2{font-size:clamp(48px,5.7vw,88px);line-height:.97}
.materia-site .ecosystem-title .gradient-text{color:#312783;background:none}
.materia-site .ecosystem-title>p{font-size:13px;color:#544e65;max-width:290px;margin-top:25px}
.materia-site .ecosystem-object{width:42%;height:225px;object-fit:contain;opacity:1;margin:30px 0 0 45%;transform:rotate(20deg);position:relative;animation:none;z-index:0}
.materia-site .services{padding:0}
.materia-site .services details{border-color:#14112930}
.materia-site .services summary{padding:29px 0;gap:20px}
.materia-site .services summary>span{color:#625978;font-size:10px}
.materia-site .services details[open] summary>span{color:#312783}
.materia-site .services summary h3{font-size:clamp(21px,2.3vw,34px);letter-spacing:-.04em;color:#141129}
.materia-site .services summary b{border:1px solid #14112944;width:30px;height:30px;border-radius:50%;font-size:20px;font-weight:400;color:#312783;display:grid;place-items:center}
.materia-site .service-body p{font-size:14px;color:#585168;line-height:1.75}
.materia-site .service-body>span{color:#625579;font-size:9px}
.materia-site .service-body a{color:#312783;font-size:12px}
.materia-site .services details[open]{background:transparent}
.materia-site .process{background:#dce4e7;color:#141129;padding-block:90px;--line:#14112930}
.materia-site .process:before{display:none}
.materia-site .process .section-label{color:#504966}
.materia-site .process h2{font-size:clamp(40px,5.5vw,85px);max-width:980px;margin:30px 0 60px}
.materia-site .process-steps{display:block}
.materia-site .process-steps article{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:5vw;align-items:start;min-height:0;margin:0;padding:35px 0;background:transparent;border:0;border-top:1px solid #14112935;border-radius:0;transform:none;box-shadow:none;transition:padding .3s,color .3s}
.materia-site .process-steps article:before{display:none}
.materia-site .process-steps article>span{font-size:9px;color:#594c72;letter-spacing:.08em;padding-top:8px}
.materia-site .process-steps h3{font-size:30px;color:#141129;margin:0;line-height:1.1}
.materia-site .process-steps p{font-size:13px;color:#534c65;line-height:1.7}
.materia-site .process-steps article:hover{padding-left:18px}
.materia-site .faq{background:#e9eeed;color:#141129;--line:#14112930;padding-block:95px}
.materia-site .faq h2{font-size:clamp(44px,5.7vw,88px)}
.materia-site .faq .eyebrow{color:#665979}
.materia-site .faq summary{color:#141129;font-size:17px;padding-block:25px}
.materia-site .faq details p{color:#5a516b;font-size:14px}
.materia-site .contact{background:#312783;color:#eef4f6;border-radius:0;padding-block:90px 110px;isolation:isolate}
.materia-site .contact:before{display:none}
.materia-site .contact .section-label{color:#d0d4f0;border-color:#ccd4f65c}
.materia-site .contact-glow{background:radial-gradient(ellipse at 0 90%,#36a9e18c,transparent 66%);opacity:.75}
.materia-site .contact-layout{grid-template-columns:1.1fr .9fr;gap:7vw;padding-top:50px}
.materia-site .contact-copy h2{font-size:clamp(60px,6.7vw,106px);line-height:.96}
.materia-site .contact-copy h2 em{color:#a8e3ff}
.materia-site .contact-copy>p{font-size:15px;color:#d5def7;margin-top:35px}
.materia-site .contact .direct-whatsapp{color:#f1f6ff;font-size:12px;margin-top:25px;border-color:#bfe2ff99}
.materia-site .contact-note{color:#d8d7f1;font-size:9px}
.materia-site .brief-form{border-radius:3px;background:#101022ed;border:1px solid #ffffff30;backdrop-filter:none;box-shadow:0 20px 80px #05001826;padding:35px}
.materia-site .brief-header{color:#bbc7e4}
.materia-site .brief-panel legend{font-size:34px;letter-spacing:-.05em}
.materia-site .brief-choices label>span{border-radius:2px}
.materia-site .brief-form .primary{background:#36a9e1;color:#141129}
.materia-site+.footer{background:#e9eeed;color:#141129;padding:65px 5vw 40px;--line:#14112930}
.materia-site+.footer .footer-wordmark{font:600 clamp(72px,17.6vw,290px)/.85 'DM Sans';letter-spacing:-.09em}
.materia-site+.footer .footer-wordmark>span{color:#312783}
.materia-site+.footer .footer-wordmark sup{color:#141129;font-size:14px;letter-spacing:0}
.materia-site+.footer .back-top{border-color:#14112950}
.materia-site+.footer .footer-bottom{border-color:#14112940;color:#534a65;margin-top:55px;font-size:8px}
.privacy-notice{width:min(420px,calc(100vw - 32px));background:#141129f7;border:1px solid #aebbd24d;border-radius:3px;box-shadow:0 8px 38px #0003}
.privacy-notice h2{font-size:21px}
.privacy-notice .privacy-actions button{border-radius:2px}
.mobile-nav{background:#141129}
.mobile-nav .nav-atmosphere i{opacity:.35}
.mobile-nav .nav-item{border-color:#bcd7f040}
.mobile-nav .nav-item-copy strong{font-family:'DM Sans';letter-spacing:-.065em}
.mobile-nav .nav-intro p em{color:#9edcfb}
.floating-contact{background:#e9eeed;color:#141129;box-shadow:0 4px 25px #0002;border-color:#14112930}
.floating-contact>span:first-child{background:#312783;color:#fff}
.motion-off .hero-night,.motion-off .hero-vision,.short-viewport .hero-night,.short-viewport .hero-vision{display:none}
.motion-off .editorial-hero,.short-viewport .editorial-hero{height:900px;min-height:780px}
.motion-off .sculpture-image,.motion-off .hero-sculpture,.short-viewport .hero-sculpture{transform:none!important}
.motion-off .opening-layer,.short-viewport .opening-layer{opacity:1!important;visibility:visible!important}
@media(min-width:1700px){.editorial-heading{top:28%}.editorial-intro{bottom:18%;max-width:345px}.editorial-intro>p{font-size:16px}}
@media(max-width:1100px) and (min-width:761px){.editorial-heading h1{font-size:9vw}.hero-sculpture{width:51%;right:-3%;top:19%;height:65%}.editorial-heading{top:29%}.sculpture-caption{font-size:6px}.editorial-intro{max-width:285px}.materia-site .direction-frame{height:570px}.materia-site .direction-layout{gap:4vw;grid-template-columns:.8fr 1.2fr}.materia-site .process-steps article{grid-template-columns:.5fr 1fr 1fr;gap:25px}.materia-site .process-steps h3{font-size:25px}}
@media(max-width:760px){
 .site-header{padding-inline:5vw}.site-header .brand>span{font-size:23px}.site-header .brand img{width:30px;height:30px}.site-header .brand small{font-size:5px}
 .materia-site .section-pad{padding-inline:6vw}.materia-site .section-label{font-size:8px;gap:18px}.materia-site .section-label>span:last-child{font-size:7px}
 .js-motion:not(.short-viewport) .materia-journey{height:1680px;min-height:0}
 .editorial-hero,.js-motion:not(.short-viewport) .editorial-hero{height:max(800px,100svh);min-height:800px;top:calc(min(0px,100svh - 800px));max-height:none}
 .editorial-top{top:99px;left:6vw;right:6vw;font-size:7px;line-height:1.6}
 .editorial-top>span{max-width:80px}
 .editorial-heading{top:177px;left:6vw;max-width:90%;z-index:3}
 .editorial-eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:18px}
 .editorial-eyebrow i{width:5px;height:5px}
 .editorial-heading h1{font-size:clamp(52px,13.7vw,90px);line-height:.95;letter-spacing:-.075em;max-width:100%}
 .editorial-heading h1>em{font-size:1.02em;max-width:100%;margin-top:3px;line-height:1.08;white-space:nowrap}
 .hero-sculpture{width:75%;height:362px;top:318px;right:7%;z-index:2}
 .sculpture-caption{left:6vw;right:auto;top:410px;bottom:auto;writing-mode:vertical-rl;gap:12px;font-size:6px}
 .sculpture-caption i{width:1px;height:30px}
 .sculpture-caption>span:last-child{display:none}
 .editorial-intro{left:6vw;right:6vw;bottom:85px;max-width:none;display:flex;align-items:center;gap:20px}
 .editorial-intro>p{font-size:11px;line-height:1.6;margin:0;max-width:45%}
 .editorial-intro .pill{font-size:10px;gap:14px;padding:7px 7px 7px 17px;min-height:48px;flex:1;max-width:230px}
 .editorial-intro .pill>span{width:30px;height:30px;flex:none;font-size:17px}
 .editorial-bottom{left:6vw;right:6vw;bottom:20px;padding-top:15px;gap:8px}
 .editorial-scroll{font-size:7px;letter-spacing:0;gap:8px}.editorial-scroll>span{font-size:20px}
 .hero-bottom-label{display:none}.editorial-bottom .motion-toggle{font-size:8px;padding:8px;min-height:40px}
 .hero-paper>span{top:280px;font-size:120vw;right:-.1em}
 .hero-vision{left:6vw;right:6vw;justify-content:flex-start;padding-top:190px}
 .hero-vision>span{font-size:7px;margin:0 0 28px}
 .hero-vision>p{font-size:17vw;line-height:.91}.hero-vision>small{margin:28px 0 0;font-size:11px;max-width:220px}
 .materia-site .signal-ribbon{padding:20px 0}.materia-site .signal-track{font-size:26px;gap:28px}.materia-site .signal-track .e4-glyph{font-size:24px}
 .materia-site .manifest{padding-block:65px 35px}.materia-site .manifest-content{display:block;padding:20px 0 45px}.materia-site .manifest h2{font-size:11.5vw;line-height:1.05}.materia-site .manifest-aside{margin:40px 0 0 21%;max-width:none}.materia-site .manifest-aside .orbit-icon{display:none}.materia-site .manifest-aside p{font-size:13px}.materia-site .manifest-bottom{font-size:6px;letter-spacing:.04em;gap:20px}
 .materia-site .projects{padding-block:60px 55px}.materia-site .projects .section-heading{padding:20px 0 30px}.materia-site .projects .section-heading h2{font-size:12.8vw;line-height:1.01}.materia-site .projects .section-heading>p{font-size:12px;margin:25px 0 0 20%}
 .materia-site .portfolio-shell{--card-width:85vw}.materia-site .portfolio-shell[data-ready] .project-grid{gap:5vw;padding-block:20px 25px}.materia-site .portfolio-shell .project-visual,.materia-site .portfolio-shell .project-card:nth-child(2) .project-visual{aspect-ratio:1.05;border-radius:2px}
 .materia-site .portfolio-shell .project-meta h3{font-size:27px}.materia-site .portfolio-shell .project-meta p{font-size:7px}.materia-site .portfolio-shell .project-meta>span{font-size:18px}.materia-site .project-excerpt{font-size:12px}.materia-site .project-card-label{bottom:27px;left:18px;font-size:7px}
 .materia-site .portfolio-filters button{font-size:10px;margin-right:17px;padding-block:8px}.materia-site .portfolio-current{font-size:33px}.materia-site .portfolio-console{padding:18px 0}.materia-site .portfolio-console>label{font-size:8px}.materia-site .projects-end p{font-size:21px}.materia-site .projects-end{padding-top:30px;margin-top:35px}
 .materia-site .direction{padding-top:65px}.materia-site .direction-heading{margin:25px 0 30px}.materia-site .direction-heading h2{font-size:10.8vw}.materia-site .direction-heading>p{font-size:13px;margin-top:23px}.materia-site .direction-layout{display:flex;flex-direction:column;gap:30px}.materia-site .direction-controls,.materia-site .direction-frame{width:100%}.materia-site .direction-frame{height:510px;order:-1}
 .materia-site .direction-frame[data-direction=essential] .direction-art{width:66%;top:70px;height:79%;right:-5%}.materia-site .direction-frame[data-direction=organic] .direction-art{width:89%;height:83%;right:-4%;top:0}.materia-site .direction-frame[data-direction=organic] .direction-word{top:300px}.materia-site .direction-frame[data-direction=bold] .direction-art{top:180px;width:79%;height:65%}
 .materia-site .direction-options{display:block}.materia-site .direction-options button{min-height:80px;padding:17px 0;grid-template-columns:20px 1fr 25px}.materia-site .direction-options small{display:block;font-size:10px;margin-top:5px}.materia-site .direction-options button>span:nth-child(2){font-size:20px}.materia-site .direction-options button::before{left:-12px;top:29px}
 .materia-site .direction-insight{min-height:125px;margin-top:25px}.materia-site .direction-explanation{font-size:13px}.materia-site .direction-footnote{font-size:10px}.materia-site .direction-bridge{padding:55px 0}.materia-site .direction-bridge p{font-size:27px}
 .materia-site .universe-intro{padding-block:60px}.materia-site .universe-intro h2{font-size:14.5vw;line-height:1.02}.materia-site .universe-ghost{font-size:82vw;top:80px;right:-8%}.materia-site .universe-intro .intro-bottom{margin-left:15%;padding-top:35px;gap:20px}.materia-site .universe-intro .intro-bottom p{font-size:12px}.materia-site .universe-intro .circle-link{flex:none;width:46px;height:46px;font-size:22px}
 .materia-site .lab-outro{padding-block:60px}.materia-site .lab-outro h2{font-size:10vw}.materia-site .lab-outro>p{font-size:6px}.materia-site .lab-outro .pill{font-size:10px}
 .materia-site .ecosystem{padding-block:65px}.materia-site .ecosystem-layout{display:block;padding-top:20px}.materia-site .ecosystem-title{position:relative;top:0;min-height:300px}.materia-site .ecosystem-title h2{font-size:13vw;position:relative;z-index:1}.materia-site .ecosystem-title>p{max-width:64%;font-size:12px;position:relative;z-index:1}.materia-site .ecosystem-object{position:absolute;width:43%;height:230px;right:-7%;top:90px;margin:0;z-index:0;opacity:1;transform:rotate(20deg)}.materia-site .services{margin-top:45px}.materia-site .services summary{padding:25px 0;gap:15px}.materia-site .services summary h3{font-size:22px}.materia-site .service-body p{font-size:13px}.materia-site .service-body>span{font-size:8px}
 .materia-site .process{padding-block:65px}.materia-site .process h2{font-size:10vw;line-height:1.08;margin-bottom:40px}.materia-site .process-steps article{grid-template-columns:1fr;gap:15px;padding-block:28px}.materia-site .process-steps article>span{font-size:8px;padding:0}.materia-site .process-steps h3{font-size:29px}.materia-site .process-steps p{font-size:13px;max-width:320px;margin-left:15%}.materia-site .process-steps article:hover{padding-left:0}
 .materia-site .faq{padding-block:65px}.materia-site .faq h2{font-size:13vw}.materia-site .faq summary{font-size:15px}.materia-site .faq details p{font-size:13px}
 .materia-site .contact{padding-block:65px}.materia-site .contact-layout{display:block;padding-top:25px}.materia-site .contact-copy h2{font-size:15.6vw}.materia-site .contact-copy>p{font-size:14px}.materia-site .contact .direct-whatsapp{font-size:11px}.materia-site .contact-note{font-size:8px;margin-bottom:40px}.materia-site .brief-form{padding:25px}.materia-site .brief-panel legend{font-size:30px}
 .materia-site+.footer{padding:45px 6vw 65px}.materia-site+.footer .footer-wordmark{font-size:17.3vw}.materia-site+.footer .footer-wordmark sup{font-size:8px}.materia-site+.footer .footer-bottom{font-size:7px;margin-top:35px;gap:22px}
 .motion-off .editorial-hero,.short-viewport .editorial-hero{height:max(800px,100svh);min-height:800px}
 .privacy-notice{border-radius:3px}.privacy-notice h2{font-size:20px}
}
@media(max-width:360px){.editorial-heading{top:165px}.editorial-heading h1{font-size:13.6vw}.hero-sculpture{height:300px;top:290px}.editorial-intro{gap:15px;bottom:95px}.editorial-intro>p{font-size:10px;max-width:41%}.editorial-intro .pill{padding-left:13px;font-size:9px;gap:8px}.editorial-top{font-size:6px}.materia-site .direction-frame{height:460px}.materia-site .direction-frame[data-direction=organic] .direction-word{top:260px}.materia-site .services summary h3{font-size:20px}}
@media(max-height:650px) and (min-width:761px){.editorial-hero,.js-motion:not(.short-viewport) .editorial-hero,.short-viewport .editorial-hero{height:780px;min-height:780px}.editorial-top{top:110px}.editorial-heading{top:210px}.hero-sculpture{top:170px;height:490px}.editorial-intro{bottom:105px}.hero-night,.hero-vision{display:none}}
@media(prefers-reduced-motion:reduce){.hero-night,.hero-vision{display:none!important}.hero-sculpture,.sculpture-image,.opening-layer{transform:none!important;opacity:1!important}.editorial-hero{position:relative!important}.materia-site .manifest .ink-word{opacity:1}.materia-site .process-steps article:hover{padding-left:0}}
@media print{.hero-night,.hero-vision,.hero-sculpture,.editorial-bottom,.editorial-top,.sculpture-caption{display:none!important}.editorial-hero{height:auto!important;min-height:0!important;padding:30px!important}.editorial-heading,.editorial-intro{position:static;max-width:100%;opacity:1!important;visibility:visible!important}.editorial-heading h1{font-size:50px}.materia-site *{box-shadow:none!important}.materia-site .section-pad{padding:30px}.materia-site .process-steps article{display:block}}