.scroll-portfolio{isolation:isolate;background:var(--paper);color:var(--ink);--stage-height:max(680px, calc(100svh - 68px));position:relative;overflow:clip}.atelier-atmosphere{z-index:-2;pointer-events:none;background:var(--paper);position:fixed;inset:0}.atelier-atmosphere:after{content:"";background:radial-gradient(at 76% 36%,#e0e5e6 0%,#0000 53%);position:absolute;inset:0}.atelier-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.atelier-viewport-probe{width:0;height:100vh;visibility:hidden;pointer-events:none;contain:strict;height:100lvh;position:fixed;inset:0 auto auto 0}.atelier-chapter{height:calc(var(--stage-height) + 42svh);scroll-margin-top:0;position:relative}.chapter-stage{z-index:3;height:var(--stage-height);max-width:1600px;margin:0 auto;position:sticky;top:68px}.chapter-copy{z-index:3;transform:translateY(var(--copy-shift,0));position:relative}.atelier-eyebrow{letter-spacing:.025em;color:var(--quiet);margin:0;font-size:13px;font-weight:400;line-height:1.5}.hero-intro{top:17%;left:var(--page-gutter);text-align:left;width:42%;padding:0;position:absolute}.hero-intro h1{letter-spacing:-.075em;max-width:72rem;margin:28px 0 0;font-size:clamp(84px,10.5vw,154px);font-weight:500;line-height:.95}.hero-intro h1 em{font-family:var(--serif);letter-spacing:-.035em;font-weight:400}.hero-intro h1>span,.hero-intro h1>em{display:block}.object-window{pointer-events:none;position:absolute}.hero-object{inset:8% 0 16% 42%}.hero-outro{left:var(--page-gutter);right:var(--page-gutter);z-index:3;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:66px}.hero-outro p{letter-spacing:-.025em;margin:0;font-size:clamp(23px,2.25vw,30px)}.hero-outro em{font-family:var(--serif);font-weight:400}.atelier-links{flex-wrap:wrap;gap:28px;display:flex}.atelier-links a{border-bottom:1px solid var(--line);align-items:center;gap:32px;min-height:48px;font-size:15px;transition:color .2s,border-color .2s;display:inline-flex}.atelier-links a:hover{color:var(--oxide);border-color:var(--ink)}.atelier-links span{transition:transform .25s;display:inline-block}.atelier-links a:hover span{transform:translate(2px,-2px)}.scroll-cue{bottom:19px;left:var(--page-gutter);right:var(--page-gutter);letter-spacing:.02em;color:var(--quiet);justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute}.scroll-cue span{font-size:18px}.scroll-portfolio[data-webgl=unavailable] .scroll-cue{display:none}.scroll-portfolio[data-webgl=unavailable] .chapter-stage{height:auto;min-height:0;padding-bottom:48px;position:relative;top:0}.scroll-portfolio[data-webgl=unavailable] .atelier-chapter{height:auto}.scroll-portfolio[data-webgl=unavailable] .object-window,.scroll-portfolio[data-webgl=unavailable] .project-caption{display:none}.scroll-portfolio[data-webgl=unavailable] :is(.hero-intro,.hero-outro,.project-copy,.process-copy,.atelier-email,.atelier-place){width:auto;padding:24px var(--page-gutter);position:relative;inset:auto;transform:none}.scroll-portfolio[data-webgl=unavailable] .project-detail dl{position:relative;bottom:auto}.site-header{background:var(--paper);border-bottom-color:var(--line)}.atelier-work{scroll-margin-top:16px;position:relative}.chapter-anchor{width:1px;height:1px;scroll-margin-top:0;position:absolute;top:0;left:0}.work-examples{text-align:left;border-top:1px solid var(--line);max-width:780px;margin:28px auto 0}.work-examples summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;font-size:14px;list-style:none;display:flex}.work-examples summary::-webkit-details-marker{display:none}.work-examples summary span{font-size:22px;transition:transform .2s}.work-examples[open] summary span{transform:rotate(45deg)}.work-example-list>div{border-top:1px solid var(--line);grid-template-columns:140px 1fr;gap:24px;padding:18px 0;display:grid}.work-example-list strong{font-size:16px;font-weight:500}.work-example-list p{color:var(--quiet);margin:0;font-size:16px;line-height:1.5}.work-intro{z-index:3;max-width:1280px;padding:100px var(--page-gutter) 72px;text-align:center;margin:auto;position:relative}.work-intro h2{letter-spacing:-.06em;margin:22px 0 24px;font-size:clamp(48px,6vw,88px);font-weight:430;line-height:1.03}.work-intro h2 em{font-family:var(--serif);letter-spacing:-.025em;font-weight:400}.work-intro>p:last-of-type{max-width:470px;color:var(--quiet);text-wrap:balance;margin:0 auto;font-size:17px;line-height:1.5}.project-index{justify-content:center;gap:32px;margin-top:36px;display:flex}.project-index a{border-bottom:1px solid var(--line);align-items:center;gap:22px;min-height:44px;font-size:14px;transition:color .2s;display:flex}.project-index a:hover{color:var(--oxide)}.project-index span{font-size:15px}.project-chapter{height:calc(var(--stage-height) + 12svh);border-top:1px solid var(--line)}.project-title{padding:48px var(--page-gutter) 0}.project-title h3{letter-spacing:-.07em;margin:8px 0 0;font-size:clamp(52px,7.5vw,108px);font-weight:430;line-height:1}.project-title h3 span{color:var(--oxide)}.project-object{inset:15% 1% 14% 39%}.project-copy{z-index:4;top:39%;left:var(--page-gutter);width:29%;max-width:390px;position:absolute}.project-statement{letter-spacing:-.04em;text-wrap:balance;margin:0 0 20px;font-size:clamp(25px,2.7vw,39px);line-height:1.15}.project-description{color:var(--quiet);margin:0;font-size:16px;line-height:1.55}.project-caption{bottom:36px;left:var(--page-gutter);right:var(--page-gutter);color:var(--quiet);z-index:3;justify-content:space-between;gap:24px;font-size:12px;display:flex;position:absolute}.project-caption span:first-child{font-family:var(--serif);font-size:20px;font-style:italic}.project-detail{max-width:390px;margin-top:24px;position:relative}.project-detail summary{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:44px;font-size:14px;list-style:none;display:flex}.project-detail summary::-webkit-details-marker{display:none}.project-detail summary span{font-size:22px;transition:transform .2s}.project-detail[open] summary span{transform:rotate(45deg)}.project-detail dl{z-index:6;background:var(--detail-paper,#fafaf8);border:1px solid var(--line);max-height:min(280px,55svh);margin:0;padding:20px;position:absolute;bottom:44px;left:0;right:0;overflow:auto;box-shadow:0 12px 24px #0000001f}.project-detail dl>div+div{margin-top:14px}.project-detail dt{color:var(--quiet);margin:0 0 3px;font-size:12px}.project-detail dd{margin:0;font-size:14px;line-height:1.4}.project-chapter--diseno .project-title{text-align:right}.project-chapter--diseno .project-object{left:2%;right:42%}.project-chapter--diseno .project-copy{left:auto;right:var(--page-gutter)}.process-chapter{height:calc(var(--stage-height) + 24svh);border-top:1px solid var(--line)}.process-copy{padding:70px 0 0 var(--page-gutter);width:51%}.process-copy h2{letter-spacing:-.06em;margin:22px 0 28px;font-size:clamp(48px,6vw,84px);font-weight:430;line-height:1.02}.process-copy h2 em{font-family:var(--serif);letter-spacing:-.02em;font-weight:400}.process-copy>p:last-of-type{max-width:360px;color:var(--quiet);font-size:17px;line-height:1.55}.process-areas{grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:0;max-width:420px;margin-top:28px;padding:0;list-style:none;display:grid}.process-areas li{border-top:1px solid var(--line);padding:12px 8px 12px 0;font-size:13px}.process-object{inset:7% 3% 14% 51%}.atelier-place{bottom:30px;left:var(--page-gutter);right:var(--page-gutter);text-align:right;color:var(--quiet);z-index:3;margin:0;font-size:12px;line-height:1.7;position:absolute}.atelier-place span{font-family:var(--serif);font-size:21px;font-style:italic}.contact-chapter{height:calc(var(--stage-height) + 8svh);border-top:1px solid var(--line)}.contact-copy{padding:64px var(--page-gutter) 0;text-align:center}.contact-copy h2{letter-spacing:-.065em;max-width:1200px;margin:20px auto 0;font-size:clamp(56px,8.5vw,124px);font-weight:430;line-height:1.05}.contact-copy h2 em{font-family:var(--serif);letter-spacing:-.025em;font-weight:400}.atelier-email{border-bottom:1px solid var(--line);white-space:nowrap;z-index:3;align-items:center;gap:48px;min-height:56px;font-size:clamp(19px,2.6vw,36px);display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.atelier-email span{transition:transform .25s}.atelier-email:hover span{transform:translate(4px,-4px)}.atelier-footer{z-index:3;padding:24px var(--page-gutter);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.atelier-footer>span,.atelier-footer>a:last-child{font-size:13px}.atelier-footer>a:last-child{align-items:center;gap:22px;min-height:44px;display:flex}.chapter-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.chapter-backdrop img{object-fit:cover;opacity:.76;width:100%;height:100%}.chapter-backdrop:after{content:"";background:linear-gradient(90deg,#30000147,#0000 64%);position:absolute;inset:0}.project-chapter--desarrollo{--ink:#edf0ef;--quiet:#bac2c2;--line:#dee7e647;--oxide:#d6edb2;--detail-paper:#15191a;color:var(--ink);background:#0b0e0f;border:0}.project-chapter--desarrollo .project-title h3{font-size:clamp(60px,8.4vw,124px);font-weight:540}.project-chapter--desarrollo .project-caption span:first-child{font-family:var(--mono);letter-spacing:-.03em;font-size:13px;font-style:normal}.project-chapter--diseno{--ink:#f3f6f5;--quiet:#b6c0be;--line:#deebe847;--oxide:#ecf7f4;--detail-paper:#13191a;color:var(--ink);background:#080c0d;border:0}.project-chapter--diseno .chapter-backdrop img{opacity:.72;filter:grayscale()brightness(.45)contrast(1.34);transform:scaleX(-1)}.project-chapter--diseno .project-title h3{font-family:"Orbitron", var(--sans);letter-spacing:0;text-transform:uppercase;font-size:clamp(72px,10vw,148px);font-style:normal;font-weight:400}.project-chapter--diseno .project-copy{top:43%}.project-chapter--integraciones{--ink:#172013;--quiet:#394329;--line:#2c391a47;--oxide:#283719;--detail-paper:#f1ffaf;color:var(--ink);background:#d8eb71;border:0}.project-chapter--integraciones .project-title{text-align:center;padding-top:34px}.project-chapter--integraciones .project-title h3{letter-spacing:-.085em;font-size:clamp(58px,10vw,150px);font-weight:600}.project-chapter--integraciones .project-object{inset:23% 12% 32%}.project-chapter--integraciones .project-copy{left:var(--page-gutter);right:var(--page-gutter);grid-template-columns:1fr 1.3fr .8fr;align-items:end;gap:32px;width:auto;max-width:none;display:grid;top:auto;bottom:92px}.project-chapter--integraciones .project-statement{max-width:15em;margin:0;font-size:clamp(25px,2.4vw,34px)}.project-chapter--integraciones .project-detail{margin:0}.project-chapter--integraciones .project-caption span:first-child{font-family:var(--mono);font-size:13px;font-style:normal}.process-chapter{background:#e4e8e9;border:0}.process-copy h2{font-size:clamp(50px,6.8vw,96px);font-weight:500}.process-copy h2 em{font-family:var(--sans);letter-spacing:-.06em;font-style:normal;font-weight:500}.contact-chapter{--ink:#f0f1f4;--quiet:#b5bccb;--line:#45495b;--oxide:#d6d7ff;color:var(--ink);background:#111217;border:0}.contact-copy h2{font-size:clamp(60px,9.4vw,136px)}.contact-object{inset:28% 22% 16%}.atelier-footer{color:#f0f1f4;background:#111217;border-top:1px solid #373944}@media (max-width:767px){.scroll-portfolio{--stage-height:max(650px, calc(100svh - 64px))}.atelier-chapter{height:calc(var(--stage-height) + 34svh);scroll-margin-top:0}.chapter-stage{top:64px}.hero-intro{width:100%;padding:30px var(--page-gutter) 0;text-align:center;position:relative;top:auto;left:auto}.hero-intro h1{margin-top:18px;font-size:clamp(68px,18vw,120px)}.hero-intro h1>span,.hero-intro h1>em{display:inline}.atelier-eyebrow{font-size:12px}.hero-object{inset:26% 2%}.hero-outro{text-align:center;display:block;bottom:64px}.hero-outro p{font-size:25px}.atelier-links{justify-content:center;gap:26px;margin-top:14px}.atelier-links a{gap:20px;font-size:14px}.work-intro{padding:72px var(--page-gutter) 54px}.work-intro h2{letter-spacing:-.04em;font-size:clamp(38px,8.8vw,64px)}.work-intro>p:last-of-type{font-size:16px}.work-example-list>div{grid-template-columns:1fr;gap:8px}.project-index{gap:20px;margin-top:24px}.project-index a{gap:12px;font-size:13px}.project-chapter{--stage-height:max(760px, calc(100svh - 64px));height:calc(var(--stage-height) + 26svh)}.project-title,.project-chapter--diseno .project-title{padding:32px var(--page-gutter) 0;text-align:left}.project-title h3{margin-top:12px;font-size:clamp(49px,12.5vw,78px)}.project-chapter--desarrollo .project-title h3{font-size:clamp(49px,12.5vw,78px)}.project-chapter--diseno .project-title h3{font-size:clamp(65px,16vw,94px)}.project-chapter--diseno .project-title{text-align:right}.project-chapter--integraciones .project-title{padding:32px var(--page-gutter) 0;text-align:center}.project-chapter--integraciones .project-title h3{font-size:clamp(36px,10vw,74px)}.project-object,.project-chapter--diseno .project-object,.project-chapter--integraciones .project-object{inset:20% 4% 38%}.project-copy,.project-chapter--diseno .project-copy,.project-chapter--integraciones .project-copy{left:var(--page-gutter);right:var(--page-gutter);width:auto;max-width:none;top:64%}.project-chapter--diseno .project-object{left:2%;right:12%}.project-chapter--diseno .project-copy{text-align:right}.project-chapter--diseno :is(.project-statement,.project-description){margin-left:auto}.project-chapter--integraciones .project-object{top:23%;left:12%;right:4%}.project-chapter--integraciones .project-copy{text-align:center;display:block;bottom:auto}.project-chapter--integraciones .project-statement{max-width:100%;margin:0 auto 10px;font-size:26px}.project-chapter--integraciones .project-description{margin:0 auto}.project-chapter--integraciones .project-detail{text-align:left;margin-top:9px}.project-statement{max-width:90%;margin-bottom:10px;font-size:26px;line-height:1.1}.project-description{max-width:470px;font-size:16px;line-height:1.45}.project-detail{max-width:none;margin-top:9px}.project-detail dl{bottom:44px}.project-caption{align-items:center;gap:12px;font-size:12px;bottom:14px}.project-caption span:first-child{display:none}.process-chapter{--stage-height:max(800px, calc(100svh - 64px));height:calc(var(--stage-height) + 16svh)}.process-copy{padding:36px var(--page-gutter) 0;width:100%}.process-copy h2{margin:16px 0 20px;font-size:clamp(46px,10vw,68px)}.process-copy>p:last-of-type{max-width:95%;font-size:15px}.process-object{inset:45% 0 9% 29%}.process-areas{flex-direction:column;max-width:46%;margin-top:32px;display:flex}.process-areas li{padding:11px 0;font-size:12px}.atelier-place{text-align:left;bottom:22px}.contact-chapter{height:calc(var(--stage-height) + 18svh)}.contact-copy{padding-top:38px}.contact-copy h2{max-width:500px;font-size:clamp(50px,12vw,78px);line-height:1}.contact-object{inset:28% 8% 20%}.atelier-email{gap:20px;font-size:clamp(16px,5vw,28px);bottom:54px}.atelier-footer{flex-wrap:wrap;gap:16px;padding-block:18px}.atelier-footer>span{display:none}.contact-copy h2{font-size:clamp(50px,12vw,78px)}.chapter-backdrop img{object-position:58% center}}@media (max-width:360px){.project-chapter{--stage-height:820px}.project-copy,.project-chapter--diseno .project-copy,.project-chapter--integraciones .project-copy{top:61%}.project-object,.project-chapter--diseno .project-object,.project-chapter--integraciones .project-object{bottom:41%}.project-statement{font-size:24px}.project-caption{font-size:12px}.project-caption span:first-child{font-size:16px}}@media (max-height:680px){.atelier-chapter{height:var(--stage-height)}.chapter-stage{position:relative;top:0}}@media (max-width:767px) and (max-height:823px){.project-chapter{height:var(--stage-height)}.project-chapter .chapter-stage{position:relative;top:0}}@media (max-width:360px) and (max-height:883px){.project-chapter{height:var(--stage-height)}.project-chapter .chapter-stage{position:relative;top:0}}@media (max-width:767px) and (max-height:863px){.process-chapter{height:var(--stage-height)}.process-chapter .chapter-stage{position:relative;top:0}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .atelier-chapter{height:var(--stage-height)!important}:where(html:not([data-motion-preference=full])) .chapter-stage{position:relative;top:0}:where(html:not([data-motion-preference=full])) .chapter-copy{transform:none}:where(html:not([data-motion-preference=full])) .scroll-cue{display:none}}@media (forced-colors:active){.atelier-atmosphere,.chapter-backdrop,.atelier-canvas,.object-window,.scroll-cue{display:none}.scroll-portfolio,.atelier-chapter,.atelier-footer{--ink:CanvasText;--quiet:CanvasText;--oxide:LinkText;--line:CanvasText;color:canvastext;background:canvas}.atelier-chapter{height:auto!important}.chapter-stage{height:auto;min-height:400px;position:relative;top:0}.atelier-eyebrow{color:canvastext}.hero-intro,.project-copy,.process-copy,.hero-outro,.atelier-email,.atelier-place,.project-caption{width:auto;padding:24px var(--page-gutter);position:relative;inset:auto;transform:none}.project-title,.contact-copy{text-align:left}.project-detail dl{color:canvastext;background:canvas;position:relative;bottom:auto}.project-description,.project-detail dt,.work-intro>p:last-of-type,.process-copy>p:last-of-type,.project-caption,.atelier-place{color:canvastext}}.scroll-portfolio[data-webgl=ready] .typed-heading [data-typed=false]{opacity:.22}.process-editorial{color:var(--ink);padding:var(--editorial-space) var(--page-gutter) 2rem;background:#e6e8e8;scroll-margin-top:1rem}.process-inner{max-width:1488px;margin:auto}.process-heading{grid-template-columns:1.5fr 1fr;align-items:end;gap:0 8%;display:grid}.process-heading .atelier-eyebrow{grid-column:1/-1}.process-heading h2{letter-spacing:-.065em;margin:1.5rem 0 0;font-size:clamp(4rem,8vw,8.5rem);font-weight:450;line-height:.97}.process-heading h2 em{font-family:var(--serif);font-weight:400}.process-heading>p:last-child{max-width:28rem;color:var(--quiet);margin-bottom:.25rem;font-size:clamp(1.125rem,1.7vw,1.5rem);line-height:1.5}.process-steps{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:2.5rem;margin:4rem 0 3rem;padding:0;list-style:none;display:grid}.process-steps li{border-top:1px solid #abb1b2;padding-top:1.5rem}.process-steps h3{letter-spacing:-.045em;margin:0 0 1rem;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:450}.process-steps p{max-width:26rem;color:var(--quiet);margin:0;font-size:1rem;line-height:1.6}.process-location{text-align:right;margin:0;font-size:.875rem;line-height:1.6}.process-location span{font-family:var(--serif);font-size:1.5rem;font-style:italic}@media (max-width:767px){.scroll-portfolio .atelier-chapter{min-height:0;height:auto!important}.scroll-portfolio .chapter-stage{height:auto;min-height:0;padding:2rem var(--page-gutter);flex-direction:column;gap:0;display:flex;position:relative!important;top:0!important}.scroll-portfolio .chapter-copy{transform:none!important}.scroll-portfolio .object-window{width:100%;height:auto;aspect-ratio:var(--mobile-art-ratio);flex:none;margin:0;position:relative;inset:auto}.scroll-portfolio .atelier-canvas{width:100%;position:absolute;inset:0 auto auto 0}.scroll-portfolio .atelier-atmosphere{position:absolute}.scroll-portfolio .scroll-cue{display:none}.scroll-portfolio .hero-intro{text-align:left;width:100%;padding:0;position:relative;inset:auto}.scroll-portfolio .hero-intro h1{max-width:100%;margin:1rem 0 0;font-size:clamp(4.8rem,21vw,10rem);line-height:1}.scroll-portfolio .hero-object{--mobile-art-ratio:1.35;align-self:flex-end;width:94%;margin:.5rem 0}.scroll-portfolio .hero-outro{text-align:left;width:100%;padding:0;display:block;position:relative;inset:auto}.scroll-portfolio .hero-outro p{margin:0;font-size:clamp(1.6rem,7vw,2.5rem);line-height:1.12}.scroll-portfolio .atelier-links{justify-content:space-between;gap:1rem;margin-top:1.5rem}.scroll-portfolio .atelier-links a{min-height:44px;font-size:1rem}.scroll-portfolio .work-intro{padding:3.5rem var(--page-gutter)}.scroll-portfolio .work-intro h2{font-size:clamp(2.7rem,10vw,4.5rem)}.scroll-portfolio .project-index{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.scroll-portfolio .project-index a{min-height:44px;font-size:.9375rem}.scroll-portfolio .project-title{text-align:left;order:0;padding:0;position:relative}.scroll-portfolio .project-title h3{letter-spacing:-.065em;margin:.5rem 0 0;font-size:clamp(2.65rem,13.2vw,6rem);line-height:1}.scroll-portfolio .project-object{order:1;margin:1.5rem 0 1rem}.scroll-portfolio .project-copy{text-align:left;order:2;width:100%;max-width:none;padding:0;display:block;position:relative;inset:auto}.scroll-portfolio .project-statement{max-width:20rem;margin:0 0 .85rem;font-size:clamp(1.65rem,7.2vw,2.5rem);font-weight:440;line-height:1.12}.scroll-portfolio .project-description{max-width:30rem;margin:0;font-size:1rem;line-height:1.55}.scroll-portfolio .project-detail{margin-top:1.25rem}.scroll-portfolio .project-detail summary{min-height:48px;font-size:.9375rem}.scroll-portfolio .project-detail dl{max-height:none;box-shadow:none;background:0 0;border:0;padding:1.25rem 0;position:relative;inset:auto;overflow:visible}.scroll-portfolio .project-detail dt{font-size:.9375rem}.scroll-portfolio .project-detail dd{font-size:1rem;line-height:1.5}.scroll-portfolio .project-caption{order:3;margin-top:1.5rem;padding:0;font-size:.8125rem;line-height:1.6;display:block;position:relative;inset:auto}.scroll-portfolio .project-caption span:first-child{display:none}.scroll-portfolio .project-chapter--diseno .project-title{text-align:right}.scroll-portfolio .project-chapter--diseno .project-title h3{font-size:clamp(5rem,24vw,9rem)}.scroll-portfolio .project-chapter--diseno .project-object{--mobile-art-ratio:1.02;width:94%;margin-top:-.75rem}.scroll-portfolio .project-chapter--diseno .chapter-backdrop:after{background:linear-gradient(#0c101244 0%,#0c101216 37%,#0c1012ed 74%)}.scroll-portfolio .project-chapter--diseno .project-copy{text-align:left}.scroll-portfolio .project-chapter--desarrollo .project-object{--mobile-art-ratio:1.4;margin-block:1.5rem}.scroll-portfolio .project-chapter--desarrollo .chapter-backdrop:after{background:linear-gradient(#080b0c38,#0000 38%,#080b0ce8 76%)}.scroll-portfolio .project-chapter--integraciones .project-title h3{font-size:clamp(2rem,10.1vw,4.6rem)}.scroll-portfolio .project-chapter--integraciones .project-copy{display:contents}.scroll-portfolio .project-chapter--integraciones .project-statement{order:1;max-width:90%;margin:1.5rem 0 0;font-size:clamp(2rem,9vw,3.5rem)}.scroll-portfolio .project-chapter--integraciones .project-object{--mobile-art-ratio:1.3;order:2;margin:1.25rem 0}.scroll-portfolio .project-chapter--integraciones .project-description{order:3}.scroll-portfolio .project-chapter--integraciones .project-detail{order:4}.scroll-portfolio .project-chapter--integraciones .project-caption{order:5}.scroll-portfolio .contact-copy{padding:0}.scroll-portfolio .contact-copy h2{max-width:100%;margin:1rem 0 0;font-size:clamp(3.25rem,13vw,6rem)}.scroll-portfolio .contact-object{--mobile-art-ratio:1;margin:1rem auto 1.5rem}.scroll-portfolio .atelier-email{align-self:center;width:auto;max-width:100%;margin:0;padding:0 0 .75rem;font-size:clamp(1rem,5.5vw,1.875rem);display:flex;position:relative;inset:auto;transform:none}.scroll-portfolio .atelier-eyebrow{font-size:.875rem}.process-editorial{padding:3.5rem var(--page-gutter) 2rem}.process-heading{display:block}.process-heading h2{margin:1rem 0 1.5rem;font-size:clamp(3.4rem,14vw,6.5rem)}.process-heading>p:last-child{font-size:1.0625rem}.process-steps{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}.process-steps li{padding-top:1.25rem}.process-steps h3{margin-bottom:.5rem;font-size:1.65rem}.process-location{text-align:left}.scroll-portfolio[data-webgl=unavailable] .chapter-stage{min-height:0}}.atelier-hero{color:#f0ebe1;background:#172025}.atelier-hero .atelier-eyebrow,.atelier-hero .scroll-cue{color:#b6bcb9}.atelier-hero .atelier-links a{border-color:#65716f}.atelier-hero .atelier-links a:hover{color:#efb581;border-color:#efb581}.object-callout{opacity:0;width:0;height:0;color:inherit;--callout-reach:clamp(28px, 4vw, 58px);position:absolute;top:0;left:0}.object-callout:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:-2.5px;left:-2.5px;box-shadow:0 0 12px}.object-callout:after{content:"";width:var(--callout-reach);opacity:.45;transform-origin:0;background:currentColor;height:1px;position:absolute;transform:rotate(-38deg)}.object-callout>span{left:calc(var(--callout-reach) * .79);bottom:calc(var(--callout-reach) * .61);letter-spacing:.005em;white-space:nowrap;border-bottom:1px solid;padding:.35rem .3rem;font-size:13px;line-height:1.2;position:absolute}.object-callout--left>span{left:auto;right:calc(var(--callout-reach) * .79);bottom:auto;top:calc(var(--callout-reach) * .61)}@media (max-width:767px){.object-callout{--callout-reach:24px}.object-callout>span{padding-inline:0;font-size:12px}.object-callout--left{display:none}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .object-callout:before{box-shadow:none}}@media (forced-colors:active){.object-callout{display:none}}.cosmos-hero{background:var(--cosmos-night);color:var(--cosmos-light);height:calc(var(--stage-height) + 105svh)}.cosmos-hero .chapter-stage{isolation:isolate;max-width:none}.cosmos-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cosmos-backdrop img{object-fit:cover;width:100%;height:100%;transform:translate3d(0, calc(var(--scene-progress,0) * -3%), 0) scale(calc(1.06 + var(--scene-progress,0) * .09))}.cosmos-backdrop:after{content:"";background:linear-gradient(#05091555,#0000 45%,#050915c9);position:absolute;inset:0}.cosmos-hero .hero-intro{top:5%;left:var(--page-gutter);right:var(--page-gutter);text-align:center;width:auto}.cosmos-hero .hero-intro h1{letter-spacing:-.06em;max-width:80rem;margin:1.15rem auto 0;font-size:clamp(4.75rem,8.3vw,8.5rem);font-weight:430;line-height:.93}.cosmos-hero .hero-intro h1 em{letter-spacing:-.035em}.cosmos-hero .hero-object{inset:25% 0 8%}.cosmos-hero .hero-outro{bottom:3.5rem}.cosmos-hero .hero-outro p{font-size:clamp(1.125rem,1.65vw,1.5rem)}.cosmos-hero .atelier-eyebrow{color:#c4c7d0}.cosmos-hero .scroll-cue{font-size:12px}.cosmos-callout{--callout-reach:clamp(24px, 3.5vw, 52px);color:#eee5d3}.cosmos-callout>span{min-width:10.5rem;font-size:15px}.cosmos-callout small{color:#c1c7d3;white-space:normal;max-width:12rem;margin-top:.4rem;font-size:13px;line-height:1.35;display:block}.object-callout{--signal:0}.object-callout:before{transform:scale(calc(.55 + var(--signal) * .45))}.object-callout:after{transform:rotate(-38deg) scaleX(clamp(0, calc(var(--signal) * 1.5), 1))}.object-callout--left:after{transform:rotate(142deg) scaleX(clamp(0, calc(var(--signal) * 1.5), 1))}.cosmos-callout.object-callout--left>span{right:calc(var(--callout-reach) * 1.6);transform:none}.cosmos-callout.object-callout--left:after{width:var(--leader-length,var(--callout-reach));transform:rotate(var(--leader-angle,135deg)) scaleX(clamp(0, calc(var(--signal) * 1.5), 1))}.object-callout>span{opacity:clamp(0, calc((var(--signal) - .3) * 1.43), 1);transform:translateY(calc((1 - var(--signal)) * 7px))}.object-callout--third{--callout-reach:32px}.chapter-backdrop img{transform:translate3d(0, calc(var(--scene-progress,0) * -3%), 0) scale(calc(1.07 + var(--scene-progress,0) * .05))}.project-chapter--diseno .chapter-backdrop img{transform:translate3d(calc(var(--scene-progress,0) * 2%), calc(var(--scene-progress,0) * -3%), 0) scale(1.08) scaleX(-1)}.project-chapter--diseno .chapter-backdrop:after{background:linear-gradient(90deg,#080c0d10,#080c0dbd 90%)}.butterfly-depth-layer{z-index:6;visibility:hidden;pointer-events:none;width:100%;position:fixed;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 76%,#0000 98%);mask-image:linear-gradient(#000 76%,#0000 98%)}.scroll-portfolio[data-butterfly-scene=true] .atelier-canvas{z-index:3}.butterfly-foreground{pointer-events:none;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(32deg,#000 30%,#000a 50%,#0000 78%),linear-gradient(90deg,#000 65%,#0000 100%),linear-gradient(#0000 0%,#000 25%);mask-image:linear-gradient(32deg,#000 30%,#000a 50%,#0000 78%),linear-gradient(90deg,#000 65%,#0000 100%),linear-gradient(#0000 0%,#000 25%);-webkit-mask-composite:source-in;mask-composite:intersect}.butterfly-foreground img{object-fit:cover;object-position:70% 65%;filter:blur(14px)grayscale()brightness(.3)contrast(1.25);width:100%;height:100%;transform:scaleX(-1)scale(1.12)}.project-chapter--diseno .project-caption{z-index:7}@media (max-width:767px){.butterfly-foreground img{filter:blur(8px)grayscale()brightness(.34)contrast(1.2)}}.project-chapter--diseno :is(.project-title,.project-copy,.project-caption){transform-origin:0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .project-chapter--diseno [data-bridge-stage=out] :is(.project-title,.project-copy,.project-caption){transform:none!important}}@media (min-width:768px){.project-chapter--diseno{height:var(--stage-height)}.project-chapter--diseno .chapter-stage{position:relative;top:0}.project-chapter--diseno .project-title{text-align:left;width:55%;padding:0;position:absolute;top:7%;left:43%}.project-chapter--diseno .project-title h3{letter-spacing:0;font-size:3rem}.project-chapter--diseno .project-title .atelier-eyebrow{padding-left:.8rem;font-size:.9375rem}.project-chapter--diseno .project-object{inset:6% 37% 5% -3%}.project-chapter--diseno .project-copy{width:34%;max-width:470px;top:auto;bottom:18%;right:7%}.project-chapter--diseno .project-statement{font-size:clamp(2rem,3.2vw,3.2rem)}.project-chapter--desarrollo .project-title{text-align:center;padding-top:4%}.project-chapter--desarrollo .project-title h3{font-size:clamp(6rem,14.7vw,14rem);font-weight:500}.project-chapter--desarrollo .project-object{inset:24% 9% 23%}.project-chapter--desarrollo .project-copy{top:auto;bottom:10%;right:var(--page-gutter);grid-template-columns:1fr 1.2fr .8fr;grid-auto-flow:dense;align-items:end;gap:3rem;width:auto;max-width:none;display:grid}.project-chapter--desarrollo .project-statement{margin:0;font-size:clamp(1.65rem,2.7vw,2.5rem)}.project-chapter--desarrollo .project-detail{margin:0}.project-chapter--desarrollo .chapter-backdrop:after{background:linear-gradient(#080b0c30,#0000 43%,#080b0ce0)}.project-chapter--integraciones .project-title{text-align:left;padding-top:4%}.project-chapter--integraciones .project-title h3{font-size:clamp(4rem,8.2vw,8.4rem);font-weight:500}.project-chapter--integraciones .project-object{inset:29% 30% 28%}.project-chapter--integraciones .project-copy{grid-template-columns:1fr 1.1fr .7fr;bottom:10%}}@media (min-width:1024px){.project-chapter--diseno .project-title h3{font-size:4rem}}@media (min-width:1440px){.project-chapter--diseno .project-title h3{font-size:5.5rem}}.integration-network{pointer-events:none;--network-p:var(--scene-progress,0);position:absolute;inset:26% 4% 27%}.integration-network svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.integration-network path{fill:none;vector-effect:non-scaling-stroke}.network-track{stroke:#566a303b;stroke-width:1px}.network-current{stroke:#3e5416;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--network-p))}.network-node{letter-spacing:-.025em;font-size:clamp(1.15rem,2vw,1.75rem);position:absolute}.network-node i{width:9px;height:9px;box-shadow:0 0 calc(var(--network-p) * 24px) #faffde;background:#efffa8;border:1px solid #3e5416;border-radius:50%;margin-bottom:.8rem;display:block}.network-node small{letter-spacing:0;color:#394329;margin-top:.4rem;font-size:14px;display:block}.network-node--source{top:calc(27.5% - 4px);left:14%}.network-node--shop{top:calc(27.5% - 4px);left:86%;transform:translate(-100%)}.network-node--shop i{margin-left:auto}.network-node--workflow{top:calc(80% - 4px);left:86%;transform:translate(-100%)}.network-node--workflow i{margin-left:auto}.network-node--shop,.network-node--workflow{text-align:right}.scroll-portfolio[data-webgl=ready] .network-node--shop{opacity:clamp(.2, calc(var(--network-p) * 2.1), 1)}.scroll-portfolio[data-webgl=ready] .network-node--workflow{opacity:clamp(.2, calc((var(--network-p) - .2) * 2.1), 1)}.project-chapter--integraciones{background:radial-gradient(at 50% 53%,#effca5,#0000 52%),#d8eb71}@media (max-width:767px){.scroll-portfolio .cosmos-hero .chapter-stage{padding-top:2.5rem}.scroll-portfolio .cosmos-hero .hero-intro{text-align:center}.scroll-portfolio .cosmos-hero .hero-intro h1{margin-top:.875rem;font-size:clamp(2.75rem,13.4vw,6.5rem);line-height:.98}.scroll-portfolio .cosmos-hero .hero-object{--mobile-art-ratio:.85;align-self:center;width:calc(100% + 24px);margin:0 -12px 1rem}.scroll-portfolio .cosmos-hero .hero-outro p{text-align:center;font-size:1.25rem}.cosmos-backdrop img{object-position:62% center}.cosmos-callout.object-callout--left{display:block}.cosmos-callout{--callout-reach:18px}.cosmos-callout>span{min-width:0;font-size:13px}.cosmos-callout small{display:none}.object-callout--left{display:block}.scroll-portfolio .project-chapter--desarrollo .project-title{text-align:center}.scroll-portfolio .project-chapter--desarrollo .project-title h3{font-size:clamp(2.7rem,13.6vw,6rem)}.scroll-portfolio .project-chapter--desarrollo .project-object{--mobile-art-ratio:1.5;margin:1rem 0 2rem}.scroll-portfolio .project-chapter--desarrollo .project-statement{max-width:none}.scroll-portfolio .project-chapter--integraciones .chapter-stage{grid-template-columns:minmax(0,1fr);grid-auto-flow:dense;display:grid}.scroll-portfolio .project-chapter--integraciones .project-title{grid-row:1}.scroll-portfolio .project-chapter--integraciones .project-statement{grid-row:2}.scroll-portfolio .project-chapter--integraciones .project-object{aspect-ratio:.75;grid-area:3/1;justify-self:center;width:68%;margin:1.5rem 0}.integration-network{z-index:1;grid-area:3/1;align-self:stretch;margin:1.5rem -.25rem;position:relative;inset:auto}.integration-network svg{height:80%;top:8%}.network-node{font-size:15px}.network-node small{display:none}.network-node--source{top:calc(30% - 4px);left:14%}.network-node--shop{top:calc(30% - 4px);left:86%}.network-node--workflow{top:calc(72% - 4px);left:86%}.scroll-portfolio .project-chapter--integraciones .project-description{grid-row:4}.scroll-portfolio .project-chapter--integraciones .project-detail{grid-row:5}.scroll-portfolio .project-chapter--integraciones .project-caption{grid-row:6}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .cosmos-backdrop img,:where(html:not([data-motion-preference=full])) .chapter-backdrop img{transform:none}:where(html:not([data-motion-preference=full])) .project-chapter--diseno .chapter-backdrop img{transform:scaleX(-1)}:where(html:not([data-motion-preference=full])) .object-callout>span{transform:none}:where(html:not([data-motion-preference=full])) .integration-network{--network-p:1}}@media (max-height:680px) and (min-width:768px){.cosmos-hero{height:var(--stage-height)}}.scroll-portfolio[data-webgl=unavailable] .integration-network{display:none}.scroll-portfolio[data-webgl=unavailable] .cosmos-hero .hero-intro{padding-top:4rem}.cosmos-hero{overflow:clip}.scroll-portfolio[data-bridge] .cosmos-hero .hero-outro{pointer-events:none;visibility:hidden!important}@media (prefers-reduced-motion:no-preference){.scroll-portfolio:not([data-webgl=unavailable]) .atelier-work{margin-top:calc(-1 * var(--stage-height))}.scroll-portfolio:not([data-webgl=unavailable]) .work-intro{min-height:var(--stage-height);max-width:none;padding:3rem var(--page-gutter);background:var(--paper);opacity:var(--arrival-reveal,0);visibility:hidden;transform-origin:50%;flex-direction:column;justify-content:center;display:flex;transform:none}.work-intro .work-examples{width:100%}.cosmos-hero:after{content:"";z-index:1;pointer-events:none;background:var(--paper);opacity:var(--arrival-covered,0);position:absolute;inset:0}.cosmos-hero .hero-intro,.cosmos-hero .hero-outro,.cosmos-hero .scroll-cue{opacity:1;transform-origin:50%}.cosmos-backdrop img{transform:translate3d(var(--space-x,3%), var(--space-y,-2%), 0) rotate(var(--space-roll,-1.6deg)) scale(var(--space-scale,1.2));transform-origin:60% 52%}.scroll-portfolio[data-webgl=ready] .cosmos-backdrop{height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height));width:100%;display:block;position:sticky;inset:68px auto auto}@media (max-width:767px){.scroll-portfolio{--stage-height:calc(100svh - 68px)}.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero{height:calc(var(--stage-height) + 95svh)!important}.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero .chapter-stage{height:var(--stage-height);padding:0;display:block;position:sticky!important;top:68px!important}.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero .hero-intro{top:4%;left:var(--page-gutter);right:var(--page-gutter);width:auto;position:absolute}.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero .hero-object{inset:22% -3% calc(17% + var(--mobile-content-bottom,0px) * .35);width:auto;height:calc(61% - var(--mobile-content-bottom,0px) * .35);aspect-ratio:auto;align-self:auto;margin:0;position:absolute}.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero .hero-outro{inset:auto var(--page-gutter) 5%;width:auto;position:absolute}.scroll-portfolio .cosmos-hero .hero-outro .atelier-links{justify-content:space-between;gap:1.5rem;margin-top:.75rem}.scroll-portfolio .cosmos-hero .hero-outro .atelier-links a{flex:1;justify-content:space-between}.scroll-portfolio .cosmos-hero .hero-outro p{font-size:clamp(1rem,4.4vw,1.25rem)}.scroll-portfolio .cosmos-hero .hero-intro h1>span,.scroll-portfolio .cosmos-hero .hero-intro h1>em{display:block}.scroll-portfolio .work-intro .project-index{flex:none}}}@media (min-width:0){:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .atelier-work{margin-top:calc(-1 * var(--stage-height))}:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .work-intro{min-height:var(--stage-height);max-width:none;padding:3rem var(--page-gutter);background:var(--paper);opacity:var(--arrival-reveal,0);visibility:hidden;transform-origin:50%;flex-direction:column;justify-content:center;display:flex;transform:none}:where(html[data-motion-preference=full]) .work-intro .work-examples{width:100%}:where(html[data-motion-preference=full]) .cosmos-hero:after{content:"";z-index:1;pointer-events:none;background:var(--paper);opacity:var(--arrival-covered,0);position:absolute;inset:0}:where(html[data-motion-preference=full]) .cosmos-hero .hero-intro,:where(html[data-motion-preference=full]) .cosmos-hero .hero-outro,:where(html[data-motion-preference=full]) .cosmos-hero .scroll-cue{opacity:1;transform-origin:50%}:where(html[data-motion-preference=full]) .cosmos-backdrop img{transform:translate3d(var(--space-x,3%), var(--space-y,-2%), 0) rotate(var(--space-roll,-1.6deg)) scale(var(--space-scale,1.2));transform-origin:60% 52%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .cosmos-backdrop{height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height));width:100%;display:block;position:sticky;inset:68px auto auto}@media (max-width:767px){:where(html[data-motion-preference=full]) .scroll-portfolio{--stage-height:calc(100svh - 68px)}:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero{height:calc(var(--stage-height) + 95svh)!important}:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero .chapter-stage{height:var(--stage-height);padding:0;display:block;position:sticky!important;top:68px!important}:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero .hero-intro{top:4%;left:var(--page-gutter);right:var(--page-gutter);width:auto;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero .hero-object{inset:22% -3% calc(17% + var(--mobile-content-bottom,0px) * .35);width:auto;height:calc(61% - var(--mobile-content-bottom,0px) * .35);aspect-ratio:auto;align-self:auto;margin:0;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero .hero-outro{inset:auto var(--page-gutter) 5%;width:auto;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio .cosmos-hero .hero-outro .atelier-links{justify-content:space-between;gap:1.5rem;margin-top:.75rem}:where(html[data-motion-preference=full]) .scroll-portfolio .cosmos-hero .hero-outro .atelier-links a{flex:1;justify-content:space-between}:where(html[data-motion-preference=full]) .scroll-portfolio .cosmos-hero .hero-outro p{font-size:clamp(1rem,4.4vw,1.25rem)}:where(html[data-motion-preference=full]) .scroll-portfolio .cosmos-hero .hero-intro h1>span,:where(html[data-motion-preference=full]) .scroll-portfolio .cosmos-hero .hero-intro h1>em{display:block}:where(html[data-motion-preference=full]) .scroll-portfolio .work-intro .project-index{flex:none}}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .cosmos-hero{height:var(--stage-height)}:where(html:not([data-motion-preference=full])) .work-intro{visibility:visible!important}}@media (prefers-reduced-motion:no-preference) and (forced-colors:none) and (min-height:681px),(prefers-reduced-motion:no-preference) and (forced-colors:none) and (max-width:767px) and (min-height:541px){.scroll-portfolio[data-webgl=ready] .work-intro-chapter>.work-intro{position:sticky;top:68px}}@media (min-width:0) and (forced-colors:none) and (min-height:681px),(min-width:0) and (forced-colors:none) and (max-width:767px) and (min-height:541px){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .work-intro-chapter>.work-intro{position:sticky;top:68px}}.scroll-portfolio .work-intro--editorial{text-align:left;padding:clamp(3rem, 6vh, 6rem) max(var(--page-gutter), 7vw);justify-content:center;gap:0}.scroll-portfolio .work-intro--editorial .atelier-eyebrow{font-size:15px}.scroll-portfolio .work-intro--editorial h2{letter-spacing:-.065em;width:100%;margin:2rem 0 2.6rem;font-size:clamp(5rem,13.5vw,14rem);line-height:.91}.work-intro--editorial h2>span,.work-intro--editorial h2>em{display:block}.scroll-portfolio .work-intro--editorial h2>em{letter-spacing:-.035em;margin-left:14%}.scroll-portfolio .work-intro--editorial>p:last-of-type{text-wrap:pretty;max-width:28rem;margin:0 2% 0 auto;font-size:clamp(1.1rem,1.55vw,1.45rem);line-height:1.5}@media (max-width:767px){.scroll-portfolio .work-intro--editorial h2{margin:2rem 0;font-size:clamp(3.8rem,15vw,7rem)}.scroll-portfolio .work-intro--editorial h2>em{margin-left:4%}.scroll-portfolio .work-intro--editorial>p:last-of-type{margin:0;font-size:18px}}@media (max-height:680px) and (min-width:768px){.cosmos-hero{--arrival-white:0!important;--departure:0!important;--approach:0!important}.scroll-portfolio .atelier-work{margin-top:0!important}.scroll-portfolio .work-intro{opacity:1!important;visibility:visible!important;min-height:0!important;transform:none!important}}.world-bridge-layer,.world-bridge-light{visibility:hidden;pointer-events:none}.world-bridge-layer{width:100%;position:fixed;left:0;overflow:hidden}.world-bridge-base{z-index:1}.scroll-portfolio[data-bridge-hold] .world-bridge-base,.scroll-portfolio[data-bridge-kind=eclipse] .world-bridge-base{z-index:4}.scroll-portfolio[data-bridge-hold] .atelier-canvas{z-index:5}.scroll-portfolio [data-bridge-hold=stage]{z-index:6}.scroll-portfolio[data-bridge-hold=diseno] [data-bridge-hold=stage]{z-index:5}.world-bridge-portal{z-index:4}.world-bridge-layer>img{object-fit:cover;width:100%;position:absolute;inset:0}.world-bridge-layer>[data-bridge-wash]{position:absolute;inset:0}.world-bridge-light{z-index:5;background:#fff8d8;border-radius:50%;width:8px;height:8px;margin:-4px;position:fixed;top:0;left:0;box-shadow:0 0 12px 4px #fff0c2,0 0 44px 16px #edbc6e88}[data-bridge-stage]{opacity:var(--bridge-visibility,1);pointer-events:none}[data-bridge-stage=in]{transform:translate3d(0, var(--bridge-lift,0px), 0);pointer-events:var(--bridge-interaction,none)}[data-bridge-stage=out]:not(.work-intro){transform:translate3d(0, var(--bridge-lift,0px), 0)}.scroll-portfolio[data-bridge-front=true] .atelier-canvas{z-index:5}.scroll-portfolio[data-bridge-kind=bloom] [data-bridge-stage=in]{z-index:6}.scroll-portfolio[data-bridge-kind=flight] [data-bridge-stage=in]{z-index:6;-webkit-mask-image:var(--flight-incoming-mask,none);mask-image:var(--flight-incoming-mask,none)}.scroll-portfolio[data-bridge-kind=flight] [data-bridge-stage=in] .project-title{opacity:var(--keyboard-title-reveal,1);translate:0 calc(8px * (1 - var(--keyboard-title-reveal,1)))}.scroll-portfolio[data-bridge-kind=flight] [data-bridge-stage=in] .keyboard-contact{opacity:var(--keyboard-form-reveal,1)}.scroll-portfolio[data-bridge=ideas-remoto] .remote-stage{clip-path:inset(var(--bridge-sheet-inset,100%) 0 0 round 28px 28px 0 0)}.scroll-portfolio[data-bridge=ideas-remoto] .atelier-canvas{clip-path:inset(calc(var(--bridge-sheet-canvas-inset,100%) + var(--canvas-overscan,0px)) 0 0 round 28px 28px 0 0)}.scroll-portfolio[data-bridge=ideas-remoto] .world-bridge-portal{border-top:1px solid #b9c9d329;box-shadow:0 -18px 48px #02060d59}.scroll-portfolio[data-bridge-kind=bloom]:not([data-bridge=ideas-remoto]) .atelier-canvas{opacity:var(--bridge-remote-reveal,0)}[data-bridge-kind=connections] .process-inner[data-bridge-stage=in] .process-steps>li{opacity:clamp(0, calc((var(--bridge-progress,1) - .76) / .1), 1)}[data-bridge-kind=connections] .process-inner[data-bridge-stage=in] .process-steps>li:nth-child(2){opacity:clamp(0, calc((var(--bridge-progress,1) - .82) / .1), 1)}[data-bridge-kind=connections] .process-inner[data-bridge-stage=in] .process-steps>li:nth-child(3){opacity:clamp(0, calc((var(--bridge-progress,1) - .88) / .1), 1)}.process-inner{z-index:3;position:relative}[data-world]{position:relative}[data-bridge-world=in]:before{content:"";inset:var(--bridge-background-lift,0px) 0 0;background:inherit;pointer-events:none;position:absolute}[data-bridge-world=in]>.chapter-backdrop{transform:translate3d(0, var(--bridge-background-lift,0px), 0)}@media (prefers-reduced-motion:no-preference){.scroll-portfolio:not([data-webgl=unavailable]) [data-world]{min-height:var(--stage-height)}}@media (min-width:0){:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) [data-world]{min-height:var(--stage-height)}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.scroll-portfolio:not([data-webgl=unavailable]) [data-world]{min-height:calc(100svh - 64px)}}@media (max-width:767px) and (min-width:0){:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) [data-world]{min-height:calc(100svh - 64px)}}.scroll-portfolio .work-intro[data-bridge-stage=out]{opacity:calc(var(--arrival-reveal,1) * var(--bridge-visibility,1))}@media (prefers-reduced-motion:no-preference) and (forced-colors:none){.scroll-portfolio [data-bridge-pin=chapter]{min-height:var(--bridge-chapter-height)!important}.scroll-portfolio[data-webgl=ready] [data-bridge-pin=chapter]>[data-bridge-pin=stage]{left:var(--bridge-stage-left);width:var(--bridge-stage-width);right:auto;top:var(--bridge-stage-top)!important;height:var(--bridge-stage-height)!important;position:fixed!important;transform:none!important}}@media (min-width:0) and (forced-colors:none){:where(html[data-motion-preference=full]) .scroll-portfolio [data-bridge-pin=chapter]{min-height:var(--bridge-chapter-height)!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] [data-bridge-pin=chapter]>[data-bridge-pin=stage]{left:var(--bridge-stage-left);width:var(--bridge-stage-width);right:auto;top:var(--bridge-stage-top)!important;height:var(--bridge-stage-height)!important;position:fixed!important;transform:none!important}}@media (prefers-reduced-motion:reduce),(forced-colors:active){:where(html:not([data-motion-preference=full])) .world-bridge-layer,:where(html:not([data-motion-preference=full])) .world-bridge-light{display:none}:where(html:not([data-motion-preference=full])) [data-bridge-stage]{opacity:1;transform:none}}.remote-chapter{--ink:#f0f4f5;--quiet:#bac8d5;color:var(--ink);height:var(--stage-height);background:#090d10}.remote-stage{max-width:none;overflow:clip}.remote-chapter:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.remote-heading{text-align:center;width:70%;position:absolute;top:10%;left:15%}.remote-heading h3{letter-spacing:0;margin:1rem 0 1.25rem;font-size:4.5rem;font-weight:450;line-height:1.05}.remote-heading>p:last-child{max-width:34rem;color:var(--quiet);margin:0 auto;font-size:clamp(1rem,1.25vw,1.3rem);line-height:1.45}.remote-object{inset:29% 0 -44%}.graphic-chapter{--graphic-spread:clamp(0, calc((var(--scene-progress,0) - .12) / .5), 1);--ink:#f1f0ea;--quiet:#b8bbb5;--line:#ffffff29;color:var(--ink);height:calc(var(--stage-height) + 30svh);background:#050706}.graphic-stage{max-width:none;overflow:clip}.graphic-heading{left:calc(12% - 8.5% * var(--graphic-spread));width:calc(76% - 27% * var(--graphic-spread));position:absolute;top:8%}.graphic-heading .atelier-eyebrow{color:var(--quiet);font-size:14px}.graphic-heading h3{letter-spacing:-.055em;margin:1.35rem 0 0;font-size:clamp(3.6rem,5.7vw,7.2rem);font-weight:430;line-height:1.02}.graphic-heading h3 em{font-family:var(--serif);font-weight:400}.graphic-object{top:calc(38% - 33% * var(--graphic-spread));left:calc(12% + 19% * var(--graphic-spread));right:calc(12% - 16% * var(--graphic-spread));bottom:calc(-12% + 20% * var(--graphic-spread))}.graphic-art-note{color:#aeb8ad;justify-content:space-between;gap:1rem;font-size:14px;display:flex;position:absolute;bottom:5%;left:25%;right:20%}.graphic-art-note span:nth-child(2){color:#e6eee1}.graphic-copy{left:var(--page-gutter);opacity:1;width:29%;max-width:29rem;transform:translate3d(calc((1 - var(--graphic-spread)) * -55vw), 0, 0);position:absolute;bottom:21%}.scroll-portfolio[data-bridge-kind=eclipse] .remote-stage,.scroll-portfolio[data-bridge-kind=eclipse] .graphic-stage{z-index:6}.scroll-portfolio[data-bridge-kind=eclipse] .remote-heading{transform-origin:50% 100%;transform:perspective(1000px) translateY(calc(var(--eclipse-caption-departure,0) * -135svh)) rotateX(calc(var(--eclipse-caption-departure,0) * 14deg))!important}.scroll-portfolio[data-bridge-kind=eclipse] .graphic-heading{--caption-phase:clamp(0, calc((var(--bridge-progress,0) - .44) / .32), 1);--caption-entry:calc(var(--caption-phase) * var(--caption-phase) * (3 - 2 * var(--caption-phase)));transform-origin:50% 100%;opacity:var(--caption-entry);transform:perspective(1000px) translateY(calc((1 - var(--caption-entry)) * 90px)) rotateX(calc((1 - var(--caption-entry)) * -12deg)) scale(calc(.94 + var(--caption-entry) * .06))!important}.scroll-portfolio[data-bridge-kind=eclipse] .graphic-copy{clip-path:inset(calc((1 - clamp(0, calc((var(--bridge-progress,0) - .8) / .2), 1)) * 100%) 0 0)}.graphic-copy>p{color:#c9ccc6;text-wrap:pretty;margin:0 0 2rem;font-size:clamp(1rem,1.5vw,1.45rem);line-height:1.55}.graphic-disciplines{gap:.8rem;margin:0;display:grid}.graphic-disciplines>div{border-top:1px solid var(--line);padding-top:.65rem}.graphic-disciplines dt{font-size:16px}.graphic-disciplines dd{color:#b8bbb5;max-width:26rem;margin:.3rem 0 0;font-size:14px;line-height:1.45}@media (max-width:767px){.remote-chapter{height:auto}.remote-stage{padding:2.5rem var(--page-gutter) 1rem}.remote-heading{width:100%;position:relative;inset:auto}.remote-heading h3{font-size:2.75rem}.scroll-portfolio .remote-object{aspect-ratio:1;width:126%;height:auto;margin:1.5rem -13% -24%;position:relative;inset:auto}.scroll-portfolio .graphic-stage{padding-top:3rem;padding-bottom:3rem}.graphic-heading{width:100%;position:relative;inset:auto}.graphic-heading h3{margin-top:1.1rem;font-size:clamp(2.6rem,12vw,5rem)}.scroll-portfolio .graphic-object{--mobile-art-ratio:1.05;width:calc(100% + 24px);margin:1.5rem -12px .5rem}.graphic-art-note{font-size:12px;bottom:0;left:8%;right:8%}.graphic-copy{opacity:1;width:100%;max-width:none;margin-top:2rem;position:relative;inset:auto;transform:none}.graphic-copy>p{margin-bottom:1.5rem;font-size:18px}.graphic-disciplines{gap:1rem}}@media (max-height:800px) and (min-width:768px){.graphic-heading{top:6%}.graphic-heading h3{font-size:5.1vw}.graphic-copy{bottom:15%}.graphic-copy>p{margin-bottom:1.25rem;font-size:17px}.graphic-disciplines dd{display:none}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .graphic-chapter{--graphic-spread:1}:where(html:not([data-motion-preference=full])) .graphic-copy{opacity:1;transform:none}}@media (max-height:680px) and (min-width:768px){.remote-chapter{height:auto;min-height:720px}.remote-stage{height:720px;position:relative;top:0}.remote-heading h3{font-size:3rem}.graphic-chapter{height:auto;min-height:720px}.graphic-stage{height:720px;position:relative;top:0}}.scroll-portfolio[data-webgl=unavailable] .graphic-heading,.scroll-portfolio[data-webgl=unavailable] .graphic-copy{width:auto;max-width:none;padding:2rem var(--page-gutter);margin:0;position:relative;inset:auto}.scroll-portfolio[data-webgl=unavailable] .graphic-copy{opacity:1;transform:none}.scroll-portfolio[data-webgl=unavailable] .remote-heading{width:100%;padding:2rem var(--page-gutter);position:relative;inset:auto}.dust-chapter{--stage-height:calc(100svh - 68px);height:auto;min-height:0}.dust-stage{height:auto;padding:0;position:relative;top:0}.dust-stage .graphic-object{display:none}.dust-beat{padding:4rem var(--page-gutter);position:relative}.dust-heading,.dust-stage .graphic-heading{width:auto;margin:0;position:static}.dust-label{color:#bfc2bf;margin:0 0 1.5rem;font-family:IBM Plex Mono,monospace;font-size:14px}.dust-heading h3{letter-spacing:-.052em;margin:0;font-size:clamp(3rem,5.9vw,7.2rem);font-weight:420;line-height:1.02}.dust-heading h3 em{font-family:var(--serif);font-weight:400}.dust-description{color:#c6c9c6;text-wrap:pretty;max-width:31rem;margin:2rem 0 0;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.6}.dust-focus,.dust-heading-corner{display:none}.dust-word{white-space:pre;display:inline-block}@media (prefers-reduced-motion:no-preference) and (forced-colors:none) and (min-height:541px){.scroll-portfolio[data-webgl=ready] .dust-chapter{height:calc(var(--stage-height) + 180svh)!important}.scroll-portfolio[data-webgl=ready] .dust-stage{height:var(--stage-height);padding:0;display:block;position:sticky!important;top:68px!important}.scroll-portfolio[data-webgl=ready] .dust-stage .graphic-object{aspect-ratio:auto;width:auto;height:auto;left:var(--dust-left,34%);top:var(--dust-top,20%);right:var(--dust-right,-3%);bottom:var(--dust-bottom,0%);margin:0;display:block;position:absolute}.scroll-portfolio[data-webgl=ready] .dust-captions{position:absolute;inset:0}.scroll-portfolio[data-webgl=ready] .dust-beat{pointer-events:none;--dust-open:var(--dust-reveal,var(--dust-opacity,0));opacity:clamp(0, calc(var(--dust-opacity,0) * 8), 1);transform:perspective(1200px) translate3d(0, calc(var(--dust-travel,0) * var(--dust-caption-distance,64px)), calc(var(--dust-travel,0) * -110px)) rotateX(calc(var(--dust-travel,0) * -5deg));transform-origin:50% 55%;padding:0;position:absolute;inset:0}.scroll-portfolio[data-webgl=ready] .dust-concept{--dust-opacity:1}.dust-heading-corner{width:13px;height:13px;opacity:clamp(0, calc(var(--dust-indicator,0) * 4), 1);transform:scale(calc(1.6 - clamp(0, var(--dust-open) * 3, 1) * .6));transform-origin:0 0;border-top:1px solid #dce0d89c;border-left:1px solid #dce0d89c;display:block;position:absolute;top:-14px;left:-22px}.dust-word{--word-open:clamp(0, calc((var(--dust-open) - .08 - var(--word) * .06) * 2.4), 1);opacity:var(--word-open);transform:perspective(900px) translate3d(0, calc((1 - var(--word-open)) * 22px), 0) rotateX(calc((1 - var(--word-open)) * -24deg)) scale(calc(.94 + var(--word-open) * .06));transform-origin:0 100%}.dust-label{opacity:clamp(0, calc(var(--dust-open) * 4), 1);transform:translateX(calc((1 - clamp(0, var(--dust-open) * 3, 1)) * 12px))}.scroll-portfolio[data-webgl=ready] .dust-heading{width:83%;position:absolute;top:8%;left:7%}.scroll-portfolio[data-webgl=ready] .dust-description{width:27%;opacity:clamp(0, calc((var(--dust-open) - .36) * 2), 1);transform:translateY(calc((1 - clamp(0, (var(--dust-open) - .36) * 2, 1)) * 12px));margin:0;position:absolute;bottom:13%;left:7%}.scroll-portfolio[data-webgl=ready] .dust-identity .dust-heading{width:37%;top:20%;left:59%}.dust-identity .dust-heading h3{font-size:clamp(2.8rem,4.7vw,6rem)}.scroll-portfolio[data-webgl=ready] .dust-identity .dust-description{width:31%;bottom:21%;left:60%}.scroll-portfolio[data-webgl=ready] .dust-image .dust-heading{top:6%}.scroll-portfolio[data-webgl=ready] .dust-image .dust-description{width:29%;bottom:7%;left:auto;right:7%}.scroll-portfolio[data-webgl=ready] .dust-experience .dust-heading{width:51%;top:20%}.scroll-portfolio[data-webgl=ready] .dust-experience .dust-description{width:29%;bottom:16%}.scroll-portfolio[data-webgl=ready] .dust-focus{pointer-events:none;--dust-open:var(--dust-indicator,0);--dust-point:clamp(0, calc((var(--dust-open) - 0) / .12), 1);--dust-line:clamp(0, calc((var(--dust-open) - .18) / .62), 1);--dust-note:clamp(0, calc((var(--dust-open) - .82) / .18), 1);opacity:clamp(0, calc(var(--dust-indicator,0) * 8), 1);display:block;position:absolute;inset:0}.dust-focus svg{width:100%;height:100%;position:absolute;overflow:visible}.dust-focus .dust-focus-mobile{display:none}.dust-focus polyline,.dust-focus path,.dust-anchor-halo{fill:none;stroke:#dce0d8;stroke-width:.8px;vector-effect:non-scaling-stroke;opacity:.48}.dust-focus .dust-copy-leader{opacity:.22;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--dust-line))}.dust-focus .dust-leader{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--dust-line))}.dust-focus polyline{vector-effect:none}.dust-anchor{fill:#edf0e7;opacity:var(--dust-point)}.dust-focus .dust-anchor-halo{opacity:calc(var(--dust-point) * .16)}.dust-focus .dust-reticle{opacity:calc(var(--dust-point) * .68)}.dust-copy-anchor{opacity:calc(var(--dust-point) * .5)}.dust-note{letter-spacing:0;color:#e5e7e1;text-shadow:0 1px 10px #050907;max-width:19ch;font-family:IBM Plex Mono,monospace;font-size:clamp(10px,.9vw,13px);line-height:1.4;position:absolute}.dust-note>span{opacity:var(--dust-note);transform:translateY(calc((1 - var(--dust-note)) * 6px));display:inline-block}.dust-label:before{content:"+";color:#e0e5d9;margin-right:.8em;display:inline-block}.scroll-portfolio[data-bridge-kind=eclipse] .dust-captions{opacity:1}.scroll-portfolio[data-webgl=ready][data-bridge-kind=eclipse] .dust-stage{width:auto;left:0;right:0;position:fixed!important;transform:none!important}.scroll-portfolio[data-bridge-kind=eclipse] .dust-stage .graphic-heading{opacity:1;transform:none!important}}@media (min-width:0) and (forced-colors:none) and (min-height:541px){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-chapter{height:calc(var(--stage-height) + 180svh)!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-stage{height:var(--stage-height);padding:0;display:block;position:sticky!important;top:68px!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-stage .graphic-object{aspect-ratio:auto;width:auto;height:auto;left:var(--dust-left,34%);top:var(--dust-top,20%);right:var(--dust-right,-3%);bottom:var(--dust-bottom,0%);margin:0;display:block;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-captions{position:absolute;inset:0}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-beat{pointer-events:none;--dust-open:var(--dust-reveal,var(--dust-opacity,0));opacity:clamp(0, calc(var(--dust-opacity,0) * 8), 1);transform:perspective(1200px) translate3d(0, calc(var(--dust-travel,0) * var(--dust-caption-distance,64px)), calc(var(--dust-travel,0) * -110px)) rotateX(calc(var(--dust-travel,0) * -5deg));transform-origin:50% 55%;padding:0;position:absolute;inset:0}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-concept{--dust-opacity:1}:where(html[data-motion-preference=full]) .dust-heading-corner{width:13px;height:13px;opacity:clamp(0, calc(var(--dust-indicator,0) * 4), 1);transform:scale(calc(1.6 - clamp(0, var(--dust-open) * 3, 1) * .6));transform-origin:0 0;border-top:1px solid #dce0d89c;border-left:1px solid #dce0d89c;display:block;position:absolute;top:-14px;left:-22px}:where(html[data-motion-preference=full]) .dust-word{--word-open:clamp(0, calc((var(--dust-open) - .08 - var(--word) * .06) * 2.4), 1);opacity:var(--word-open);transform:perspective(900px) translate3d(0, calc((1 - var(--word-open)) * 22px), 0) rotateX(calc((1 - var(--word-open)) * -24deg)) scale(calc(.94 + var(--word-open) * .06));transform-origin:0 100%}:where(html[data-motion-preference=full]) .dust-label{opacity:clamp(0, calc(var(--dust-open) * 4), 1);transform:translateX(calc((1 - clamp(0, var(--dust-open) * 3, 1)) * 12px))}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-heading{width:83%;position:absolute;top:8%;left:7%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-description{width:27%;opacity:clamp(0, calc((var(--dust-open) - .36) * 2), 1);transform:translateY(calc((1 - clamp(0, (var(--dust-open) - .36) * 2, 1)) * 12px));margin:0;position:absolute;bottom:13%;left:7%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-identity .dust-heading{width:37%;top:20%;left:59%}:where(html[data-motion-preference=full]) .dust-identity .dust-heading h3{font-size:clamp(2.8rem,4.7vw,6rem)}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-identity .dust-description{width:31%;bottom:21%;left:60%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-image .dust-heading{top:6%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-image .dust-description{width:29%;bottom:7%;left:auto;right:7%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-experience .dust-heading{width:51%;top:20%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-experience .dust-description{width:29%;bottom:16%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-focus{pointer-events:none;--dust-open:var(--dust-indicator,0);--dust-point:clamp(0, calc((var(--dust-open) - 0) / .12), 1);--dust-line:clamp(0, calc((var(--dust-open) - .18) / .62), 1);--dust-note:clamp(0, calc((var(--dust-open) - .82) / .18), 1);opacity:clamp(0, calc(var(--dust-indicator,0) * 8), 1);display:block;position:absolute;inset:0}:where(html[data-motion-preference=full]) .dust-focus svg{width:100%;height:100%;position:absolute;overflow:visible}:where(html[data-motion-preference=full]) .dust-focus .dust-focus-mobile{display:none}:where(html[data-motion-preference=full]) .dust-focus polyline,:where(html[data-motion-preference=full]) .dust-focus path,:where(html[data-motion-preference=full]) .dust-anchor-halo{fill:none;stroke:#dce0d8;stroke-width:.8px;vector-effect:non-scaling-stroke;opacity:.48}:where(html[data-motion-preference=full]) .dust-focus .dust-copy-leader{opacity:.22;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--dust-line))}:where(html[data-motion-preference=full]) .dust-focus .dust-leader{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--dust-line))}:where(html[data-motion-preference=full]) .dust-focus polyline{vector-effect:none}:where(html[data-motion-preference=full]) .dust-anchor{fill:#edf0e7;opacity:var(--dust-point)}:where(html[data-motion-preference=full]) .dust-focus .dust-anchor-halo{opacity:calc(var(--dust-point) * .16)}:where(html[data-motion-preference=full]) .dust-focus .dust-reticle{opacity:calc(var(--dust-point) * .68)}:where(html[data-motion-preference=full]) .dust-copy-anchor{opacity:calc(var(--dust-point) * .5)}:where(html[data-motion-preference=full]) .dust-note{letter-spacing:0;color:#e5e7e1;text-shadow:0 1px 10px #050907;max-width:19ch;font-family:IBM Plex Mono,monospace;font-size:clamp(10px,.9vw,13px);line-height:1.4;position:absolute}:where(html[data-motion-preference=full]) .dust-note>span{opacity:var(--dust-note);transform:translateY(calc((1 - var(--dust-note)) * 6px));display:inline-block}:where(html[data-motion-preference=full]) .dust-label:before{content:"+";color:#e0e5d9;margin-right:.8em;display:inline-block}:where(html[data-motion-preference=full]) .scroll-portfolio[data-bridge-kind=eclipse] .dust-captions{opacity:1}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready][data-bridge-kind=eclipse] .dust-stage{width:auto;left:0;right:0;position:fixed!important;transform:none!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-bridge-kind=eclipse] .dust-stage .graphic-heading{opacity:1;transform:none!important}}@media (max-width:767px){.dust-chapter{--stage-height:calc(100svh - 64px)}.dust-heading h3,.dust-stage .graphic-heading h3,.dust-identity .dust-heading h3{font-size:clamp(2.7rem,10vw,4.8rem)}.dust-description{font-size:16px;line-height:1.5}.dust-label{margin-bottom:1rem}}@media (max-width:767px) and (prefers-reduced-motion:no-preference) and (forced-colors:none) and (min-height:541px){.scroll-portfolio[data-webgl=ready] .dust-chapter{height:calc(var(--stage-height) + 225svh)!important}.scroll-portfolio[data-webgl=ready] .dust-stage{height:var(--stage-height);--dust-caption-distance:220px;top:64px!important}.scroll-portfolio[data-webgl=ready] .dust-stage .graphic-object{inset:24% -10% 18%;left:calc(-10% + 18% * var(--dust-tree-weight,1));right:calc(-10% + 8% * var(--dust-tree-weight,1));width:auto;height:auto;margin:0;position:absolute}.scroll-portfolio[data-webgl=ready] .dust-beat .dust-heading{width:89%;top:5%;left:6%}.scroll-portfolio[data-webgl=ready] .dust-beat{transform:translate3d(0, calc(var(--dust-travel,0) * 220px), 0)}.scroll-portfolio[data-webgl=ready] .dust-beat .dust-description{width:88%;max-width:none;bottom:5%;left:6%;right:auto}.scroll-portfolio[data-webgl=ready] .dust-focus{display:block}.dust-focus .dust-focus-desktop,.dust-focus .dust-note-desktop{display:none}.dust-focus .dust-focus-mobile{display:block;position:absolute;inset:0}.dust-focus-mobile:not([data-anchored=true]){visibility:hidden}.dust-focus-mobile .dust-leader{stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:none;opacity:.72}.dust-note{letter-spacing:0;text-wrap:balance;color:#f3f5ef;text-shadow:0 1px 12px #000,0 0 18px #dce0d838;max-width:none;font-size:12px;font-weight:500;top:auto}.dust-note-mobile>span{display:block;transform:none}}@media (max-width:767px) and (min-width:0) and (forced-colors:none) and (min-height:541px){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-chapter{height:calc(var(--stage-height) + 225svh)!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-stage{height:var(--stage-height);--dust-caption-distance:220px;top:64px!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-stage .graphic-object{inset:24% -10% 18%;left:calc(-10% + 18% * var(--dust-tree-weight,1));right:calc(-10% + 8% * var(--dust-tree-weight,1));width:auto;height:auto;margin:0;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-beat .dust-heading{width:89%;top:5%;left:6%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-beat{transform:translate3d(0, calc(var(--dust-travel,0) * 220px), 0)}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-beat .dust-description{width:88%;max-width:none;bottom:5%;left:6%;right:auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-focus{display:block}:where(html[data-motion-preference=full]) .dust-focus .dust-focus-desktop,:where(html[data-motion-preference=full]) .dust-focus .dust-note-desktop{display:none}:where(html[data-motion-preference=full]) .dust-focus .dust-focus-mobile{display:block;position:absolute;inset:0}:where(html[data-motion-preference=full]) .dust-focus-mobile:not([data-anchored=true]){visibility:hidden}:where(html[data-motion-preference=full]) .dust-focus-mobile .dust-leader{stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:none;opacity:.72}:where(html[data-motion-preference=full]) .dust-note{letter-spacing:0;text-wrap:balance;color:#f3f5ef;text-shadow:0 1px 12px #000,0 0 18px #dce0d838;max-width:none;font-size:12px;font-weight:500;top:auto}:where(html[data-motion-preference=full]) .dust-note-mobile>span{display:block;transform:none}}@media (max-width:360px){.dust-stage .dust-heading h3{font-size:clamp(2rem,10.4vw,2.4rem)}}@media (prefers-reduced-motion:reduce),(forced-colors:active),(max-height:540px){:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-chapter{min-height:0;height:auto!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-stage{padding:0;display:block;height:auto!important;position:relative!important;top:0!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-stage .graphic-object,:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-focus{display:none!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-captions{opacity:1!important;position:relative!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-beat{padding:3rem var(--page-gutter)!important;opacity:1!important;position:relative!important;transform:none!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-beat .dust-heading,:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-beat .dust-description{opacity:1!important;width:auto!important;position:static!important;transform:none!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio .dust-description{margin-top:2rem!important}}@media (prefers-reduced-motion:no-preference) and (forced-colors:none){.scroll-portfolio[data-webgl=ready] .work-intro-chapter{min-height:calc(var(--stage-height) + 80svh)}}@media (min-width:0) and (forced-colors:none){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .work-intro-chapter{min-height:calc(var(--stage-height) + 80svh)}}@media (prefers-reduced-motion:no-preference) and (forced-colors:none) and (min-height:541px){.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo{height:calc(var(--stage-height) + 72svh)!important}}@media (min-width:0) and (forced-colors:none) and (min-height:541px){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo{height:calc(var(--stage-height) + 72svh)!important}}@media (min-width:768px) and (min-height:681px) and (prefers-reduced-motion:no-preference) and (forced-colors:none){.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo>.chapter-backdrop{width:100%;height:calc(100svh - 68px);margin-bottom:calc(68px - 100svh);display:block;position:sticky;inset:68px auto auto}}@media (min-width:768px) and (min-height:681px) and (min-width:0) and (forced-colors:none){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo>.chapter-backdrop{width:100%;height:calc(100svh - 68px);margin-bottom:calc(68px - 100svh);display:block;position:sticky;inset:68px auto auto}}.project-chapter--desarrollo .keyboard-playground{z-index:5;text-align:center;order:2;position:absolute;inset:auto max(6%,50% - 21rem) 7%}.keyboard-playground{color:#edf0ef;overflow-wrap:anywhere;pointer-events:none;text-shadow:0 2px 15px #080b0c;min-height:2.4rem;font-family:IBM Plex Mono,monospace;font-size:1.5rem;display:block}.keyboard-playground[data-empty=true]{visibility:hidden}.keyboard-caret{background:#d6edb2;width:.1em;height:.9em;margin-left:.2em;display:inline-block}.project-chapter--desarrollo [data-object]:focus-visible{outline-offset:5px;outline:1px solid #d6edb2}.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .typed-heading [data-typed=false]{opacity:.66}.scroll-portfolio .project-chapter--desarrollo .project-title{text-align:center;width:auto;padding:0;position:absolute;inset:5% 7% auto}.scroll-portfolio .project-chapter--desarrollo .atelier-eyebrow{font-family:var(--mono);letter-spacing:0;color:#bac2c2;margin:0 0 1rem;font-size:.75rem;font-weight:400}.scroll-portfolio .project-chapter--desarrollo .project-title h3{letter-spacing:0;color:#edf0ef;margin:0;font-size:3.5rem;font-weight:400;line-height:1.1}.scroll-portfolio .project-chapter--desarrollo .project-title h3 span{color:inherit}.scroll-portfolio .project-chapter--desarrollo .chapter-backdrop:after{background:linear-gradient(#080b0c30,#0000 38%,#080b0ce8 82%)}.scroll-portfolio[data-webgl=ready] .keyboard-playground.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.scroll-portfolio .project-chapter--desarrollo .project-object{inset:29% 3% max(32%,4% + 15rem)}.keyboard-contact{z-index:5;color:#edf0ef;pointer-events:auto;position:absolute;inset:auto max(7%,50% - 30rem) 4%}.keyboard-contact-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;display:grid}.keyboard-contact label{font-size:.8rem;display:block}.keyboard-contact label>span{color:#bac2c2;font-family:var(--mono);letter-spacing:0;margin-bottom:.35rem;display:block}.keyboard-contact [data-slot]{width:100%;height:2.75rem;min-height:2.75rem;box-shadow:none;color:#edf0ef;caret-color:#d6edb2;font:inherit;background:0 0;border:0;border-bottom:1px solid #dee7e64d;border-radius:0;margin:0 0 .9rem;padding:0 0 .35rem;font-size:1.1rem;transition:border-color .18s;display:block}.keyboard-contact [data-slot=textarea]{resize:none;field-sizing:fixed;height:3rem;min-height:3rem;max-height:8rem}.keyboard-contact [data-slot]:focus-visible{border-bottom:1px solid #d6edb2;outline:none;box-shadow:0 1px #d6edb2}.keyboard-contact-action{justify-content:space-between;align-items:center;gap:1rem;display:flex}.keyboard-contact button{color:#14191a;cursor:pointer;background:#e6ebea;border:0;min-height:44px;padding:.65rem 1.25rem;font-size:.95rem;transition:background .18s}.keyboard-contact button:hover{color:#14191a;background:#fff}.keyboard-contact button span{margin-left:1.5rem;transition:transform .18s;display:inline-block}.keyboard-contact button:hover span{transform:translate(3px,-3px)}.keyboard-contact button:focus-visible{outline-offset:4px;outline:2px solid}.keyboard-contact-action p,.keyboard-contact-status{color:#bac2c2;font-size:.8rem;line-height:1.4}.keyboard-contact-status:empty{display:none}.scroll-portfolio[data-webgl=unavailable] .keyboard-contact{margin:2rem 7%;position:relative;inset:auto}@media (max-height:540px),(prefers-reduced-motion:reduce),(forced-colors:active){:where(html:not([data-motion-preference=full])) .scroll-portfolio[data-webgl] .project-chapter--desarrollo:has(.keyboard-contact){min-height:var(--stage-height);height:auto!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio[data-webgl] .project-chapter--desarrollo:has(.keyboard-contact)>.chapter-stage:not([data-bridge-pin=stage]){min-height:var(--stage-height);padding:2rem 0;height:auto!important;position:relative!important;top:0!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio[data-webgl] .project-chapter--desarrollo:has(.keyboard-contact) .project-title{text-align:center;margin:0 6% 1rem;padding:0;position:relative;inset:auto}:where(html:not([data-motion-preference=full])) .scroll-portfolio[data-webgl] .project-chapter--desarrollo:has(.keyboard-contact) .project-object{width:98%;height:clamp(210px,39vw,320px);margin:0 auto 2rem;position:relative;inset:auto}:where(html:not([data-motion-preference=full])) .scroll-portfolio[data-webgl] .keyboard-contact{margin:0 7%;position:relative;inset:auto}:where(html:not([data-motion-preference=full])) .keyboard-contact-pair{gap:1.2rem}:where(html:not([data-motion-preference=full])) .keyboard-contact-action{flex-direction:column;align-items:flex-start;gap:.55rem}:where(html:not([data-motion-preference=full])) .keyboard-contact [data-slot]{font-size:1rem}}@media (max-width:767px) and (min-height:541px) and (prefers-reduced-motion:no-preference){.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo:has(.keyboard-contact) .project-object{inset:max(18%,9.5rem) 1% max(42%,4% + 16.25rem)}.scroll-portfolio[data-webgl=ready] .keyboard-contact{inset:auto 7% 4%}.keyboard-contact-action{flex-direction:column;align-items:flex-start;gap:.55rem}.keyboard-contact-pair{gap:1rem}.keyboard-contact [data-slot]{font-size:1rem}.keyboard-contact [data-slot=textarea]{resize:none}}@media (max-width:767px) and (min-height:541px) and (min-width:0){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo:has(.keyboard-contact) .project-object{inset:max(18%,9.5rem) 1% max(42%,4% + 16.25rem)}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .keyboard-contact{inset:auto 7% 4%}:where(html[data-motion-preference=full]) .keyboard-contact-action{flex-direction:column;align-items:flex-start;gap:.55rem}:where(html[data-motion-preference=full]) .keyboard-contact-pair{gap:1rem}:where(html[data-motion-preference=full]) .keyboard-contact [data-slot]{font-size:1rem}:where(html[data-motion-preference=full]) .keyboard-contact [data-slot=textarea]{resize:none}}@media (forced-colors:active){.keyboard-contact{color:canvastext}.keyboard-contact [data-slot]{color:canvastext;border-color:canvastext}}.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .object-window{pointer-events:auto;touch-action:pan-y pinch-zoom}.scroll-portfolio[data-webgl=unavailable] .project-chapter--desarrollo .keyboard-playground{width:min(88%,42rem);margin:2rem auto;position:relative;inset:auto}.scroll-portfolio .typed-heading [data-pressing=true]{color:#d6edb2;text-shadow:none}.scroll-portfolio .keyboard-key-callout{color:#edf0ef;pointer-events:none;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.scroll-portfolio .keyboard-key-callout:before,.scroll-portfolio .keyboard-key-callout:after{display:none}.keyboard-leader{fill:none;stroke:#dce4e3b3;stroke-width:1px;filter:drop-shadow(0 1px 2px #080b0c);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.keyboard-leader path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--signal,0));transition:none}.scroll-portfolio .keyboard-key-callout>span{letter-spacing:0;text-shadow:0 2px 8px #080b0c;text-align:left;white-space:nowrap;min-width:3rem;height:auto;opacity:clamp(0, calc((var(--signal,0) - .65) / .35), 1);background:0 0;border:0;border-bottom:1px solid #dce4e354;border-radius:0;padding:0 0 .35rem;font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:400;position:absolute;inset:0 auto auto 0}@media (max-width:767px){.scroll-portfolio .project-chapter--desarrollo .project-title h3{font-size:2rem}.scroll-portfolio .project-chapter--desarrollo .atelier-eyebrow{margin-bottom:.75rem;font-size:.6875rem}.keyboard-contact-action p{margin:0}.project-chapter--desarrollo .keyboard-playground{margin:1rem 6% 2rem;position:relative;inset:auto}}@media (max-width:767px) and (min-height:541px) and (prefers-reduced-motion:no-preference) and (forced-colors:none){.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .project-title{text-align:center;padding:0;position:absolute;inset:5% 7% auto}.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .project-title h3{margin:0;font-size:2rem}.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .project-object{inset:23% 1% calc(25% + var(--mobile-chrome-gap) * .5);aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute}.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .keyboard-playground{inset:auto 7% calc(7% + var(--mobile-chrome-gap));margin:0;position:absolute}}@media (max-width:767px) and (min-height:541px) and (min-width:0) and (forced-colors:none){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .project-title{text-align:center;padding:0;position:absolute;inset:5% 7% auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .project-title h3{margin:0;font-size:2rem}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .project-object{inset:23% 1% calc(25% + var(--mobile-chrome-gap) * .5);aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo .keyboard-playground{inset:auto 7% calc(7% + var(--mobile-chrome-gap));margin:0;position:absolute}}@media (prefers-reduced-motion:reduce),(forced-colors:active),(max-height:540px){:where(html:not([data-motion-preference=full])) .project-chapter--desarrollo .keyboard-playground{width:min(88%,42rem);margin:2rem auto;position:relative;inset:auto}}@media (max-width:767px) and (min-height:541px) and (prefers-reduced-motion:no-preference) and (forced-colors:none){.scroll-portfolio{--stage-height:calc(100lvh - 64px);--mobile-chrome-gap:max(0px, calc(100lvh - 100svh));--mobile-content-bottom:max(var(--mobile-chrome-gap), env(safe-area-inset-bottom,0px))}.scroll-portfolio[data-webgl=ready] :is(.atelier-chapter,.work-intro-chapter){--stage-height:calc(100lvh - 64px)}.scroll-portfolio[data-webgl=ready] .chapter-backdrop{width:100%;height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height));display:block;position:sticky;inset:64px auto auto}.scroll-portfolio[data-webgl=ready] .cosmos-backdrop{height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height));top:64px}.scroll-portfolio[data-webgl=ready] .butterfly-foreground{-webkit-mask-image:linear-gradient(32deg,#000 30%,#000a 50%,#0000 78%),linear-gradient(90deg,#000 65%,#0000 100%),linear-gradient(#0000,#000 22% 65%,#0000);mask-image:linear-gradient(32deg,#000 30%,#000a 50%,#0000 78%),linear-gradient(90deg,#000 65%,#0000 100%),linear-gradient(#0000,#000 22% 65%,#0000)}.scroll-portfolio[data-webgl=ready] :is(.remote-chapter,.project-chapter--desarrollo,.project-chapter--diseno,.project-chapter--integraciones,.contact-chapter){--stage-height:calc(100lvh - 64px);min-height:var(--stage-height);height:calc(var(--stage-height) + 12svh)!important}.scroll-portfolio[data-webgl=ready] .remote-chapter{height:var(--stage-height)!important}.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo{height:calc(var(--stage-height) + 72svh)!important}.scroll-portfolio[data-webgl=ready] :is(.cosmos-hero,.remote-chapter,.project-chapter--desarrollo,.project-chapter--diseno,.project-chapter--integraciones,.contact-chapter)>.chapter-stage:not([data-bridge-pin=stage]){position:sticky!important;top:64px!important}.scroll-portfolio[data-webgl=ready] :is(.remote-chapter,.project-chapter--desarrollo,.project-chapter--diseno,.project-chapter--integraciones,.contact-chapter)>.chapter-stage{height:var(--stage-height);width:100%;max-width:none;min-height:0;padding:0;display:block}.scroll-portfolio[data-webgl=ready] .work-intro:not([data-bridge-pin=stage]){top:64px}.scroll-portfolio[data-webgl=ready] .remote-heading{width:auto;position:absolute;inset:7% 6% auto}.scroll-portfolio[data-webgl=ready] .remote-heading h3{margin:.9rem 0 1rem;font-size:2.75rem}.scroll-portfolio[data-webgl=ready] .remote-heading>p:last-child{font-size:1rem;line-height:1.45}.scroll-portfolio[data-webgl=ready] .remote-object{aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute;inset:39% -8% -6%}.scroll-portfolio[data-webgl=ready] .dust-stage .graphic-object{aspect-ratio:auto;inset:31% -7% 25%}.scroll-portfolio[data-webgl=ready] .dust-beat .dust-heading{width:auto;inset:4% 6% auto}.scroll-portfolio[data-webgl=ready] .dust-heading h3{font-size:clamp(2rem,9vw,2.65rem);line-height:1.05}.scroll-portfolio[data-webgl=ready] .dust-label{margin-bottom:.65rem;font-size:.8125rem}.scroll-portfolio[data-webgl=ready] .dust-beat .dust-description{bottom:calc(4% + var(--mobile-chrome-gap));font-size:.9375rem;line-height:1.45}.scroll-portfolio[data-webgl=ready] .dust-note{font-size:.75rem}.scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-title{padding:0;position:absolute;inset:3% 6% auto}.scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-title h3{margin:0;font-size:2.5rem}.scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-object{inset:18% -5% calc(26% + var(--mobile-chrome-gap) * .5);aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute}.scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-copy{inset:auto 6% calc(5% + var(--mobile-chrome-gap));width:auto;position:absolute}.scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-statement{font-size:1.5rem}.scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-title{position:absolute;inset:4% 6% auto}.scroll-portfolio[data-webgl=ready] .integration-network{display:none}.scroll-portfolio[data-webgl=ready] .project-chapter--integraciones>.chapter-stage:has(.project-detail[open]){z-index:7}.scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-object{aspect-ratio:auto;place-self:stretch stretch;width:auto;height:auto;margin:0;position:absolute;inset:23% -2% 34%}.scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-copy{inset:auto 6% calc(4% + var(--mobile-chrome-gap));width:auto;display:block;position:absolute}.scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-statement{max-width:none;margin:0 0 .6rem;font-size:1.5rem}.scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-description{font-size:.9375rem;line-height:1.4}.scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-detail{margin-top:.5rem}.scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-detail dl{overscroll-behavior:contain;z-index:8;background:#e3efaf;max-height:60svh;padding:1rem;position:absolute;inset:auto 0 calc(100% + .6rem);overflow-y:auto}.scroll-portfolio[data-webgl=ready] .project-caption{display:none}.scroll-portfolio[data-webgl=ready] .contact-chapter .contact-copy{position:absolute;inset:4% 6% auto}.scroll-portfolio[data-webgl=ready] .contact-chapter .contact-copy h2{font-size:clamp(3rem,13vw,5rem)}.scroll-portfolio[data-webgl=ready] .contact-chapter .contact-object{aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute;inset:26% 3% 17%}.scroll-portfolio[data-webgl=ready] .contact-chapter .atelier-email{inset:auto 6% calc(6% + var(--mobile-chrome-gap));justify-content:space-between;width:auto;margin:0;position:absolute}.scroll-portfolio[data-webgl=ready] .cosmos-hero .hero-outro{bottom:calc(3% + var(--mobile-content-bottom))}.scroll-portfolio[data-webgl=ready] .keyboard-contact{bottom:calc(4% + var(--mobile-content-bottom))}.scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo:has(.keyboard-contact) .project-object{bottom:max(42%, calc(4% + 16.25rem + var(--mobile-content-bottom)))}}@media (max-width:767px) and (min-height:541px) and (min-width:0) and (forced-colors:none){:where(html[data-motion-preference=full]) .scroll-portfolio{--stage-height:calc(100lvh - 64px);--mobile-chrome-gap:max(0px, calc(100lvh - 100svh));--mobile-content-bottom:max(var(--mobile-chrome-gap), env(safe-area-inset-bottom,0px))}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] :is(.atelier-chapter,.work-intro-chapter){--stage-height:calc(100lvh - 64px)}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .chapter-backdrop{width:100%;height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height));display:block;position:sticky;inset:64px auto auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .cosmos-backdrop{height:var(--stage-height);margin-bottom:calc(-1 * var(--stage-height));top:64px}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .butterfly-foreground{-webkit-mask-image:linear-gradient(32deg,#000 30%,#000a 50%,#0000 78%),linear-gradient(90deg,#000 65%,#0000 100%),linear-gradient(#0000,#000 22% 65%,#0000);mask-image:linear-gradient(32deg,#000 30%,#000a 50%,#0000 78%),linear-gradient(90deg,#000 65%,#0000 100%),linear-gradient(#0000,#000 22% 65%,#0000)}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] :is(.remote-chapter,.project-chapter--desarrollo,.project-chapter--diseno,.project-chapter--integraciones,.contact-chapter){--stage-height:calc(100lvh - 64px);min-height:var(--stage-height);height:calc(var(--stage-height) + 12svh)!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .remote-chapter{height:var(--stage-height)!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo{height:calc(var(--stage-height) + 72svh)!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] :is(.cosmos-hero,.remote-chapter,.project-chapter--desarrollo,.project-chapter--diseno,.project-chapter--integraciones,.contact-chapter)>.chapter-stage:not([data-bridge-pin=stage]){position:sticky!important;top:64px!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] :is(.remote-chapter,.project-chapter--desarrollo,.project-chapter--diseno,.project-chapter--integraciones,.contact-chapter)>.chapter-stage{height:var(--stage-height);width:100%;max-width:none;min-height:0;padding:0;display:block}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .work-intro:not([data-bridge-pin=stage]){top:64px}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .remote-heading{width:auto;position:absolute;inset:7% 6% auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .remote-heading h3{margin:.9rem 0 1rem;font-size:2.75rem}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .remote-heading>p:last-child{font-size:1rem;line-height:1.45}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .remote-object{aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute;inset:39% -8% -6%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-stage .graphic-object{aspect-ratio:auto;inset:31% -7% 25%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-beat .dust-heading{width:auto;inset:4% 6% auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-heading h3{font-size:clamp(2rem,9vw,2.65rem);line-height:1.05}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-label{margin-bottom:.65rem;font-size:.8125rem}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-beat .dust-description{bottom:calc(4% + var(--mobile-chrome-gap));font-size:.9375rem;line-height:1.45}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .dust-note{font-size:.75rem}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-title{padding:0;position:absolute;inset:3% 6% auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-title h3{margin:0;font-size:2.5rem}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-object{inset:18% -5% calc(26% + var(--mobile-chrome-gap) * .5);aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-copy{inset:auto 6% calc(5% + var(--mobile-chrome-gap));width:auto;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--diseno .project-statement{font-size:1.5rem}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-title{position:absolute;inset:4% 6% auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .integration-network{display:none}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--integraciones>.chapter-stage:has(.project-detail[open]){z-index:7}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-object{aspect-ratio:auto;place-self:stretch stretch;width:auto;height:auto;margin:0;position:absolute;inset:23% -2% 34%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-copy{inset:auto 6% calc(4% + var(--mobile-chrome-gap));width:auto;display:block;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-statement{max-width:none;margin:0 0 .6rem;font-size:1.5rem}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-description{font-size:.9375rem;line-height:1.4}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-detail{margin-top:.5rem}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--integraciones .project-detail dl{overscroll-behavior:contain;z-index:8;background:#e3efaf;max-height:60svh;padding:1rem;position:absolute;inset:auto 0 calc(100% + .6rem);overflow-y:auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-caption{display:none}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-chapter .contact-copy{position:absolute;inset:4% 6% auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-chapter .contact-copy h2{font-size:clamp(3rem,13vw,5rem)}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-chapter .contact-object{aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute;inset:26% 3% 17%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-chapter .atelier-email{inset:auto 6% calc(6% + var(--mobile-chrome-gap));justify-content:space-between;width:auto;margin:0;position:absolute}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .cosmos-hero .hero-outro{bottom:calc(3% + var(--mobile-content-bottom))}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .keyboard-contact{bottom:calc(4% + var(--mobile-content-bottom))}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .project-chapter--desarrollo:has(.keyboard-contact) .project-object{bottom:max(42%, calc(4% + 16.25rem + var(--mobile-content-bottom)))}}.work-intro-chapter{background:0 0}.scroll-portfolio .work-intro--product,.scroll-portfolio[data-webgl=ready] .work-intro--product{--portrait-paper:#d7dcde;--portrait-ink:#202622;--portrait-muted:#4d5850;--portrait-line:#87958b66;--portrait-display:"Orbitron", sans-serif;isolation:isolate;max-width:none;height:var(--stage-height);min-height:48rem;padding:2rem var(--page-gutter) 1.5rem;background:var(--portrait-paper);color:var(--portrait-ink);letter-spacing:0;grid-template-columns:minmax(0,1fr);place-items:center;font-family:IBM Plex Mono,monospace;display:grid;position:relative;overflow:clip}.work-intro--product:before{content:"";z-index:-1;pointer-events:none;opacity:.035;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='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.6' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.product-study-layout{grid-template-rows:minmax(0,1fr);width:min(100%,2080px);height:100%;min-height:0;display:grid;position:relative;container-type:size}.product-study-scene{min-height:0;position:relative}.portrait-rocks{inset:-2rem calc(-1 * var(--page-gutter)) -1.5rem;z-index:0;pointer-events:none;position:absolute;overflow:clip}.portrait-rocks-canvas,.portrait-rocks-near{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block}.portrait-rocks-near{position:absolute;inset:0}.portrait-rocks[data-rocks=ready] :is(.portrait-rocks-canvas,.portrait-rocks-near){opacity:1}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .portrait-rocks-canvas,:where(html:not([data-motion-preference=full])) .portrait-rocks-near{transition:none}}.scroll-portfolio .work-intro--product #services-title{font-family:var(--portrait-display);text-transform:uppercase;letter-spacing:0;font-weight:400;display:contents}.scroll-portfolio .work-intro--product #services-title>:is(span,em){z-index:3;color:#fff;width:max-content;max-width:100%;font-family:var(--portrait-display);letter-spacing:0;mix-blend-mode:difference;margin:0;font-size:13rem;font-style:normal;font-weight:400;line-height:.95;display:block;position:absolute}.scroll-portfolio .work-intro--product #services-title>.product-study-title-first{top:5%;left:0}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:10rem;bottom:5%;left:0}.product-study-info{z-index:4;color:#fff;mix-blend-mode:difference;width:min(47%,42rem);position:absolute;top:40%;left:0}.product-study-portrait,.product-study-optics{aspect-ratio:1122/1402;pointer-events:none;width:min(72%,84cqh,1122px);height:auto;margin:0;position:absolute;inset:auto 15% -1.5rem auto}.product-study-portrait{z-index:1;mix-blend-mode:multiply}.product-study-optics{z-index:2}.product-study-echo{mix-blend-mode:multiply;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 72%,#0000),linear-gradient(#0000 0%,#000 14% 100%);mask-image:linear-gradient(90deg,#0000,#000 22% 72%,#0000),linear-gradient(#0000 0%,#000 14% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.product-study-echo--ambient{opacity:.12;filter:grayscale()contrast(1.28)brightness(1.12)blur(34px);transform:translate(-44%)scaleX(1.65)}.product-study-echo--trail{opacity:.34;filter:grayscale()contrast(1.28)brightness(1.12)blur(12px);transform:translate(16%)scaleX(1.12)}.product-study-portrait[data-portrait="15"] .product-study-echo--trail{opacity:.14;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35%,#0000 75%),linear-gradient(#0000 0%,#000 14% 100%);mask-image:linear-gradient(90deg,#0000,#000 35%,#0000 75%),linear-gradient(#0000 0%,#000 14% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.product-study-surface{mix-blend-mode:multiply;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000000b8 2%,#000 7% 100%),linear-gradient(90deg,#000 0% 76%,#000000a6 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000000b8 2%,#000 7% 100%),linear-gradient(90deg,#000 0% 76%,#000000a6 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.product-study-photo{object-fit:cover;object-position:center top;filter:grayscale()contrast(1.28)brightness(1.12);width:100%;height:100%;display:block}.product-study-portrait[data-portrait-format=portrait] .product-study-photo{object-fit:contain}.product-study-film{-webkit-backdrop-filter:blur(14px)contrast(.94)saturate(.3);backdrop-filter:blur(14px)contrast(.94)saturate(.3);pointer-events:none;background:linear-gradient(100deg,#fff0 10%,#f9fbfb33 54%,#96a6a81a 72%,#ffffff10);position:absolute;inset:-8% -36% -4% 38%;transform:skewY(-6deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 26% 82%,#0000),linear-gradient(#0000,#000 18%);mask-image:linear-gradient(90deg,#0000,#000 26% 82%,#0000),linear-gradient(#0000,#000 18%);-webkit-mask-composite:source-in;mask-composite:intersect}.product-study-film:after{content:"";filter:blur(10px);background:#fff5;width:8%;position:absolute;inset:-10% 36% -10% auto;transform:rotate(-9deg)}.product-study-space{display:none}.product-study-statement{color:#fff;letter-spacing:0;text-transform:uppercase;text-wrap:pretty;margin:0;font-family:IBM Plex Mono,monospace;font-size:1.25rem;line-height:1.55}.product-study-clause{display:inline}.product-study-clause>strong{font-family:var(--portrait-display);text-transform:uppercase;font-size:.92em;font-weight:400}.scroll-portfolio .work-intro--product:has([data-portrait-theme=dark]){--portrait-paper:#181e1a;--portrait-ink:#f0f3ef;--portrait-muted:#c1cbc7;--portrait-line:#a4b3ad66}.work-intro--product:has([data-portrait-theme=dark]) .product-study-surface{mix-blend-mode:normal}.product-study-portrait[data-portrait-theme=dark]{mix-blend-mode:normal}.product-study-portrait[data-portrait-theme=dark] .product-study-echo{display:none}.product-study-portrait[data-portrait-format=landscape] .product-study-photo{object-position:64% top}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:9rem}@media (min-width:1600px){.scroll-portfolio .work-intro--product #services-title>:is(span,em){font-size:16rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:11rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:10rem}.product-study-statement{font-size:1.5rem}}@media (min-width:1200px) and (max-width:1399px){.scroll-portfolio .work-intro--product #services-title>:is(span,em){font-size:11.5rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:8.375rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:7.625rem}}@media (min-width:768px) and (max-width:1199px){.scroll-portfolio .work-intro--product #services-title>:is(span,em){font-size:8rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:5.25rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:4.75rem}.product-study-info{width:40%;top:36%}.product-study-portrait,.product-study-optics{width:min(76%,84cqh);right:9%}.product-study-statement{font-size:1.0625rem}}@media (min-width:1024px) and (max-width:1199px){.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:7rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:6.375rem}}@media (min-width:1800px){.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:12.5rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:11.375rem}}@media (min-width:2200px){.scroll-portfolio .work-intro--product #services-title>.product-study-title-first{font-size:19rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:15.25rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:13.875rem}}@media (min-width:768px) and (min-height:681px) and (prefers-reduced-motion:no-preference) and (forced-colors:none){.scroll-portfolio[data-webgl=ready] .work-intro-chapter{min-height:calc(var(--stage-height) + 32svh)}.scroll-portfolio[data-webgl=ready] .work-intro--product{min-height:var(--stage-height)}}@media (min-width:768px) and (min-height:681px) and (min-width:0) and (forced-colors:none){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .work-intro-chapter{min-height:calc(var(--stage-height) + 32svh)}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .work-intro--product{min-height:var(--stage-height)}}@media (max-width:767px){.product-study-echo--ambient{opacity:.1;filter:grayscale()contrast(1.28)brightness(1.12)blur(22px)}.scroll-portfolio .work-intro--product,.scroll-portfolio[data-webgl=ready] .work-intro--product{height:auto;min-height:calc(100svh - 64px);padding:3.5rem var(--page-gutter) 0}.scroll-portfolio[data-webgl=ready] .work-intro-chapter>.work-intro{position:relative;top:auto}.product-study-layout{align-self:stretch;height:auto;display:grid;container-type:normal}.product-study-scene{grid-template-rows:auto auto minmax(22rem,1fr);grid-template-columns:minmax(0,1fr);height:100%;padding:0;display:grid;container-type:normal}.scroll-portfolio .work-intro--product #services-title>:is(span,em){grid-column:1;margin:0;font-size:4.875rem;line-height:1;position:relative;inset:auto}.scroll-portfolio .work-intro--product #services-title>.product-study-title-first{grid-row:1;inset:auto}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{margin:0 0 max(2rem, env(safe-area-inset-bottom));grid-row:3;align-self:end;font-size:2.625rem;inset:auto}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:2.375rem}.product-study-portrait,.product-study-optics{width:calc(100% + 2 * var(--page-gutter));aspect-ratio:auto;max-width:none;height:100%;min-height:0;margin:0 calc(-1 * var(--page-gutter));grid-area:3/1;align-self:stretch;position:relative;inset:auto}.portrait-rocks{width:calc(100% + 2 * var(--page-gutter));height:100%;min-height:0;margin:0 calc(-1 * var(--page-gutter));grid-area:3/1;position:relative;inset:auto}.portrait-rocks-canvas{position:absolute;inset:0}.product-study-surface{inset:0}.product-study-portrait[data-portrait-format=portrait] .product-study-photo{object-fit:cover;object-position:center top}.product-study-info{grid-area:2/1;align-self:start;width:min(100%,34rem);margin:3rem 0 1.5rem;position:relative;inset:auto}.product-study-statement{grid-template-columns:max-content minmax(0,1fr);gap:.625rem .875rem;font-size:1rem;line-height:1.5;display:grid}.product-study-clause{display:contents}.product-study-clause>strong{grid-column:1}.product-study-clause>span{grid-column:2}.product-study-space{display:none}.scroll-portfolio[data-webgl=ready] .work-intro-chapter{min-height:0}}@media (min-width:421px) and (max-width:767px){.scroll-portfolio .work-intro--product #services-title>.product-study-title-first{font-size:7.625rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:4.25rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:3.875rem}}@media (max-width:374px){.scroll-portfolio .work-intro--product #services-title>.product-study-title-first{font-size:3.9375rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:2.125rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:1.875rem}}@media (min-width:421px) and (max-width:599px){.scroll-portfolio .work-intro--product #services-title>.product-study-title-first{font-size:5.25rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:2.875rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:2.625rem}}@media (min-width:480px) and (max-width:599px){.scroll-portfolio .work-intro--product #services-title>.product-study-title-first{font-size:6rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:3.375rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:3.0625rem}}@media (min-width:600px) and (max-width:767px){.scroll-portfolio .work-intro--product #services-title>.product-study-title-first{font-size:7.25rem}.scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:4rem}html[lang=en] .scroll-portfolio .work-intro--product #services-title>.product-study-title-second{font-size:3.625rem}.product-study-info{width:min(100%,30rem)}}@media (max-width:767px) and (min-height:1000px){.product-study-portrait[data-portrait-format=portrait] .product-study-photo{object-fit:cover;object-position:35% top}.product-study-echo{background-position:35% 0;background-size:cover}}@media (prefers-reduced-motion:reduce),(forced-colors:active),(max-height:680px){:where(html:not([data-motion-preference=full])) .scroll-portfolio .work-intro-chapter:not([data-bridge-pin=chapter]){min-height:0!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio .work-intro--product{height:52rem;min-height:0}}@media (max-width:767px){.scroll-portfolio .work-intro--product{height:auto}}.scroll-portfolio[data-webgl=unavailable] .work-intro-chapter{min-height:0}.scroll-portfolio:not([data-webgl]) .work-intro--product{padding:2rem var(--page-gutter) 1.5rem;display:grid}@media (max-width:767px){.scroll-portfolio:not([data-webgl]) .work-intro--product{padding:3.5rem var(--page-gutter) 0}}@media (forced-colors:active){.scroll-portfolio .work-intro--product{color:canvastext;background:canvas}.work-intro--product:before,.product-study-echo,.portrait-rocks{display:none}.scroll-portfolio .work-intro--product #services-title>:is(span,em){color:canvastext;mix-blend-mode:normal}.product-study-surface{opacity:.15}.product-study-film{display:none}.product-study-info{mix-blend-mode:normal}.product-study-statement{color:canvastext}}@media (max-width:767px) and (max-height:760px){.scroll-portfolio .work-intro--product,.scroll-portfolio[data-webgl=ready] .work-intro--product{min-height:calc(100svh - 64px);padding-top:2.5rem}.product-study-layout{align-self:stretch}.product-study-scene{grid-template-rows:auto auto minmax(18rem,1fr);height:100%}.product-study-info{margin:2.25rem 0 1rem}}@media (max-width:374px) and (max-height:760px){.product-study-scene{grid-template-rows:auto auto minmax(16rem,1fr)}}.portrait-review{color:#f0f3f1;background:#111618;min-height:100svh;padding:2rem max(1.25rem,4%)}.portrait-review-heading{border-bottom:1px solid #4c5857;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:2rem;display:flex}.portrait-review-heading a{align-items:center;gap:.75rem;font-size:.875rem;display:inline-flex}.portrait-review-heading h1{letter-spacing:0;margin:0;font-size:2rem;font-weight:400}.portrait-review-heading>span{color:#aebcb9;font:.75rem IBM Plex Mono,monospace}.portrait-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.5rem;padding-top:2rem;display:grid}.portrait-review-item{min-width:0;display:block}.portrait-review-item img{aspect-ratio:1672/941;object-fit:contain;border:1px solid #323d3c;width:100%;height:auto;display:block}.portrait-review-caption{align-items:center;gap:1rem;padding:1rem 0;display:flex}.portrait-review-caption>span{color:#8fa7aa;font:.75rem IBM Plex Mono,monospace}.portrait-review-caption h2{letter-spacing:0;flex:1;margin:0;font-size:1rem;font-weight:400}.portrait-review-item:hover{color:#ffa878}.portrait-review a:focus-visible{outline-offset:5px;outline:2px solid #ffa878}@media (max-width:767px){.portrait-review-grid{grid-template-columns:1fr;gap:1.5rem}}.scroll-portfolio .cosmos-hero.hero-reference{color:#f5f6f3;background:#080b0c}.hero-reference .hero-static-art{z-index:1;pointer-events:none;transition:opacity .65s;position:absolute;inset:0;overflow:hidden}.hero-reference .hero-static-art img{object-fit:cover;width:100%;height:100%}.scroll-portfolio[data-hero-ready=true] .hero-static-art{opacity:0}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .hero-reference .hero-static-art{transition:none}}.hero-reference .cosmos-backdrop img{filter:grayscale()brightness(.88)contrast(1.2)}.hero-reference .cosmos-backdrop:after{background:linear-gradient(#080d1038,#0000 48%,#080d1070)}.scroll-portfolio .cosmos-hero.hero-reference .hero-object{width:100%;height:100%;inset:0}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro{text-align:center;width:min(1080px,100% - 96px);transform:translate3d(0, var(--copy-shift,0), 0);margin-inline:auto;top:16%;left:0!important;right:0!important}.scroll-portfolio .cosmos-hero.hero-reference .atelier-eyebrow{font-family:var(--sans);letter-spacing:0;color:#aab1b0;justify-content:center;align-items:center;gap:16px;margin:0;font-size:15px;font-weight:400;line-height:1.5;display:inline-flex}.scroll-portfolio .cosmos-hero.hero-reference .atelier-eyebrow:before,.scroll-portfolio .cosmos-hero.hero-reference .atelier-eyebrow:after{content:none;background:#dce2df5c;width:44px;height:1px}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{font-family:var(--sans);letter-spacing:0;color:#f5f6f3;text-wrap:balance;margin:22px 0 0;font-size:84px;font-weight:450;line-height:1.06}.hero-reference h1>span{white-space:nowrap;display:block}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1>span:nth-child(n+2){font:inherit;margin-top:8px}.scroll-portfolio .cosmos-hero.hero-reference .hero-description{max-width:560px;font-family:var(--sans);letter-spacing:0;color:#d6dad8;text-wrap:balance;margin:30px auto 0;font-size:20px;font-weight:400;line-height:1.55}.scroll-portfolio .cosmos-hero.hero-reference .hero-outro{justify-content:center;width:min(600px,100% - 48px);margin-inline:auto;top:max(63%,16% + 390px);bottom:auto;transform:translateY(0);left:0!important;right:0!important}.hero-reference .atelier-links{grid-template-columns:minmax(300px,1.65fr) minmax(170px,1fr);align-items:center;gap:32px;width:100%;display:grid}.hero-reference .atelier-links a{letter-spacing:0;color:#f5f6f3;border-color:#ffffff50;gap:28px;min-height:60px;font-size:17px;line-height:1.3;transition:color .18s,background .18s,border-color .18s}.hero-reference .atelier-links .hero-contact{color:#111716;background:#f5f6f3;border:1px solid #f5f6f3;border-radius:2px;justify-content:space-between;min-width:0;padding:0 25px}.hero-reference .atelier-links a:hover{color:#f5f6f3;border-color:#ffffff80}.hero-reference .atelier-links .hero-contact:hover{color:#111716;background:#e7ebea;border-color:#e7ebea}.hero-reference .atelier-links a:hover span{transform:none}.hero-reference .atelier-links a:focus-visible{outline-offset:5px;outline:2px solid #f5f6f3}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-reference .atelier-links a:hover span{transform:translate(1px,-1px)}}@media (hover:hover) and (pointer:fine) and (min-width:0){:where(html[data-motion-preference=full]) .hero-reference .atelier-links a:hover span{transform:translate(1px,-1px)}}.hero-reference .chapter-stage:before,.hero-reference .chapter-stage:after{content:none}@media (prefers-reduced-motion:no-preference) and (forced-colors:none){.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero.hero-reference{height:calc(var(--stage-height) + 75svh)!important}.cosmos-hero.hero-reference:after{content:none}.hero-reference .hero-intro,.hero-reference .hero-outro{opacity:calc(1 - var(--departure,0))}.scroll-portfolio:not([data-webgl=unavailable]) .hero-reference+.atelier-work .work-intro{opacity:1;clip-path:polygon(0 var(--reveal-left,100%), 100% var(--reveal-right,100%), 100% 100%, 0 100%)}}@media (min-width:0) and (forced-colors:none){:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero.hero-reference{height:calc(var(--stage-height) + 75svh)!important}:where(html[data-motion-preference=full]) .cosmos-hero.hero-reference:after{content:none}:where(html[data-motion-preference=full]) .hero-reference .hero-intro,:where(html[data-motion-preference=full]) .hero-reference .hero-outro{opacity:calc(1 - var(--departure,0))}:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .hero-reference+.atelier-work .work-intro{opacity:1;clip-path:polygon(0 var(--reveal-left,100%), 100% var(--reveal-right,100%), 100% 100%, 0 100%)}}@media (min-width:1600px){.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{font-size:94px}.scroll-portfolio .cosmos-hero.hero-reference .hero-description{max-width:620px;font-size:24px}}@media (max-width:1199px) and (min-width:768px){.scroll-portfolio .cosmos-hero.hero-reference .hero-intro{width:min(860px,100% - 64px);top:16%}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{font-size:68px}.scroll-portfolio .cosmos-hero.hero-reference .hero-description{margin-top:20px;font-size:18px}.scroll-portfolio .cosmos-hero.hero-reference .hero-outro{width:min(520px,100% - 48px);top:max(58%,16% + 300px)}.hero-reference .atelier-links{grid-template-columns:minmax(250px,1.55fr) minmax(155px,1fr);gap:24px}.hero-reference .atelier-links a{gap:20px;min-height:52px;font-size:15px}.hero-reference .atelier-links .hero-contact{min-width:265px;padding:0 20px}}@media (max-width:767px){@media (prefers-reduced-motion:no-preference) and (forced-colors:none){.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero.hero-reference{height:calc(var(--stage-height) + 65svh)!important}}@media (min-width:0) and (forced-colors:none){:where(html[data-motion-preference=full]) .scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero.hero-reference{height:calc(var(--stage-height) + 65svh)!important}}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro{width:calc(100% - 40px);top:20%}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{margin-top:20px;font-size:46px;line-height:1.12}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1>span:nth-child(n+2){margin-top:7px}.scroll-portfolio .cosmos-hero.hero-reference .atelier-eyebrow{font-size:14px}.scroll-portfolio .cosmos-hero.hero-reference .hero-description{max-width:340px;margin-top:20px;font-size:16px;line-height:1.55}.scroll-portfolio .cosmos-hero.hero-reference .hero-outro{width:calc(100% - 40px);display:flex;top:63%;bottom:auto}.scroll-portfolio .cosmos-hero.hero-reference .atelier-links{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;display:grid}.scroll-portfolio .cosmos-hero.hero-reference .atelier-links a{gap:12px;min-height:48px;font-size:13px}.scroll-portfolio .cosmos-hero.hero-reference .hero-contact{min-width:0;max-width:none;padding:10px 14px}}@media (max-width:359px){.scroll-portfolio .cosmos-hero.hero-reference .hero-intro{width:calc(100% - 32px);top:20%}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{font-size:39px}.scroll-portfolio .cosmos-hero.hero-reference .hero-description{font-size:14px}.scroll-portfolio .cosmos-hero.hero-reference .hero-outro{width:calc(100% - 32px);top:63%}.scroll-portfolio .cosmos-hero.hero-reference .atelier-links{gap:12px}.scroll-portfolio .cosmos-hero.hero-reference .atelier-links a{gap:8px;font-size:12px}}@media (max-height:680px) and (min-width:768px){.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero.hero-reference{height:var(--stage-height)!important}.scroll-portfolio:not([data-webgl=unavailable]) .hero-reference+.atelier-work .work-intro{clip-path:none}.scroll-portfolio .cosmos-hero.hero-reference{--stage-height:calc(100svh - 68px)}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro{top:12%}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{margin-top:16px;font-size:50px}.scroll-portfolio .cosmos-hero.hero-reference .hero-description{margin-top:16px;font-size:16px}.scroll-portfolio .cosmos-hero.hero-reference .hero-outro{top:64%}}@media (max-height:440px) and (orientation:landscape){.scroll-portfolio:not([data-webgl=unavailable]) .cosmos-hero.hero-reference{height:var(--stage-height)!important}.scroll-portfolio:not([data-webgl=unavailable]) .hero-reference+.atelier-work .work-intro{clip-path:none}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro{width:min(640px,100% - 240px);top:6%}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{margin-top:8px;font-size:38px}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1>span:nth-child(n+2){margin-top:4px}.scroll-portfolio .cosmos-hero.hero-reference .hero-description{margin-top:10px;font-size:13px}.scroll-portfolio .cosmos-hero.hero-reference .hero-outro{top:72%}.hero-reference .atelier-links a{min-height:44px;font-size:12px}.hero-reference .atelier-links .hero-contact{min-width:210px}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .scroll-portfolio .cosmos-hero.hero-reference{height:var(--stage-height)!important}:where(html:not([data-motion-preference=full])) .scroll-portfolio .cosmos-hero.hero-reference .chapter-stage{height:var(--stage-height);padding:0;display:block;position:relative}:where(html:not([data-motion-preference=full])) .scroll-portfolio .cosmos-hero.hero-reference .hero-intro,:where(html:not([data-motion-preference=full])) .scroll-portfolio .cosmos-hero.hero-reference .hero-object,:where(html:not([data-motion-preference=full])) .scroll-portfolio .cosmos-hero.hero-reference .hero-outro{position:absolute}:where(html:not([data-motion-preference=full])) .scroll-portfolio .cosmos-hero.hero-reference .hero-object{aspect-ratio:auto;align-self:auto;width:100%;height:100%;margin:0;inset:0}}@media (forced-colors:active){.hero-reference .chapter-stage:before{display:none}}.scroll-portfolio .contact-assembly{--ink:#f0f2ef;--quiet:#aeb8b3;--line:#53605a;color:var(--ink);background:#0b0f10}.scroll-portfolio .contact-assembly .contact-copy h2{letter-spacing:0;max-width:100%;font-size:6rem;line-height:1.04}.scroll-portfolio .contact-assembly .contact-copy h2 em{letter-spacing:0}.scroll-portfolio .contact-assembly .atelier-email{letter-spacing:0;border-color:#74827b;font-size:1.35rem}.scroll-portfolio .atelier-footer{background:#0b0f10}@media (prefers-reduced-motion:no-preference) and (forced-colors:none) and (min-height:541px){.scroll-portfolio[data-webgl=ready] .contact-assembly{height:calc(var(--stage-height) + 135svh)!important}.scroll-portfolio[data-webgl=ready] .contact-assembly .contact-copy{text-align:center;width:auto;padding:0;position:absolute;inset:6% 5% auto}.scroll-portfolio[data-webgl=ready] .contact-assembly .contact-object{aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute;inset:29% 6% 15%}.scroll-portfolio[data-webgl=ready] .contact-assembly .atelier-email{justify-content:space-between;width:min(560px,100% - 48px);margin-inline:auto;inset:auto 0 6%;transform:none}}@media (min-width:0) and (forced-colors:none) and (min-height:541px){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-assembly{height:calc(var(--stage-height) + 135svh)!important}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-assembly .contact-copy{text-align:center;width:auto;padding:0;position:absolute;inset:6% 5% auto}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-assembly .contact-object{aspect-ratio:auto;width:auto;height:auto;margin:0;position:absolute;inset:29% 6% 15%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-assembly .atelier-email{justify-content:space-between;width:min(560px,100% - 48px);margin-inline:auto;inset:auto 0 6%;transform:none}}@media (max-width:767px){.scroll-portfolio .contact-assembly .contact-copy h2{margin-top:1rem;font-size:3rem}.scroll-portfolio .contact-assembly .atelier-email{font-size:1.05rem}}@media (max-width:767px) and (prefers-reduced-motion:no-preference) and (forced-colors:none) and (min-height:541px){.scroll-portfolio[data-webgl=ready] .contact-assembly .contact-object{inset:28% -3% 19%}.scroll-portfolio[data-webgl=ready] .contact-assembly .atelier-email{inset:auto 0 calc(6% + var(--mobile-content-bottom));width:84%}}@media (max-width:767px) and (min-width:0) and (forced-colors:none) and (min-height:541px){:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-assembly .contact-object{inset:28% -3% 19%}:where(html[data-motion-preference=full]) .scroll-portfolio[data-webgl=ready] .contact-assembly .atelier-email{inset:auto 0 calc(6% + var(--mobile-content-bottom));width:84%}}.work-page,.work-chapters{color:#f0f2ef;letter-spacing:0;background:#0b0f10}.work-chapters{z-index:5;isolation:isolate;position:relative}.work-portal{isolation:isolate;background:#0b0f10;height:96svh;min-height:820px;max-height:1120px;position:relative;overflow:clip}.work-portal-copy{z-index:2;text-align:center;pointer-events:none;padding:72px 24px 0;position:relative}.work-portal-copy .atelier-eyebrow{color:#c1c8c7;margin:0 0 22px}.work-portal h2{font:400 80px/.98 var(--sans);letter-spacing:0;margin:0}.work-portal em,.work-next em,.work-masthead em{font-family:var(--serif);font-weight:400}.work-portal h2 em{display:block}.work-portal-bottom{z-index:3;justify-content:space-between;align-items:end;gap:32px;display:flex;position:absolute;inset:auto 7% 44px}.work-portal-bottom p{color:#c6ccca;max-width:320px;margin:0;font-size:19px;line-height:1.45}.work-link{border-bottom:1px solid #aeb6b966;flex-shrink:0;justify-content:space-between;align-items:center;gap:32px;min-height:52px;font-size:16px;display:inline-flex}.work-link svg{flex-shrink:0;width:22px;height:22px;transition:transform .25s}.work-art{pointer-events:none;position:absolute;inset:0}.work-atmosphere{object-fit:cover;opacity:.42;filter:grayscale();width:100%;height:100%}.work-screen-composition{width:min(780px,82%);height:320px;transform:translate(-50%, var(--work-drift,0px));position:absolute;top:39%;left:50%}.work-screen{border:1px solid #ffffff38;border-radius:3px;animation:9s ease-in-out infinite alternate paused work-float;position:absolute;box-shadow:0 32px 80px #0009}.work-in-view .work-screen{animation-play-state:running}.work-screen--front{z-index:2;--tilt:-5deg;width:66%;top:4%;left:17%}.work-screen--back{--tilt:9deg;width:36%;animation-delay:-3s;top:0;right:0}.work-screen--side{z-index:3;--tilt:6deg;width:32%;animation-delay:-5s;bottom:4%;left:0}@keyframes work-float{0%{transform:translateY(-8px) rotate(var(--tilt))}to{transform:translateY(8px) rotate(var(--tilt))}}.work-portal--motion{background:#141414}.work-portal--motion .motion-backdrop video{object-fit:contain;width:min(46vw,600px);left:auto;right:7%}.work-portal--motion .work-portal-copy{text-align:left;padding-inline:7%}.work-frame-mark{border-style:solid;border-color:#c9cfca88;width:24px;height:24px;position:absolute}.work-frame-mark--tl{border-width:1px 0 0 1px;top:39%;left:7%}.work-frame-mark--br{border-width:0 1px 1px 0;bottom:24%;right:7%}.motion-backdrop{border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:clip}.motion-backdrop video[data-playback=poster]{opacity:0;visibility:hidden}.motion-backdrop video[data-playback=playing]{opacity:1;visibility:visible}.motion-backdrop video{object-fit:cover;width:100%;max-width:none;height:calc(100% + 104px);transform:translateY(var(--work-drift,0px));position:absolute;top:-52px;left:0}.motion-shade{pointer-events:none;background:linear-gradient(#080b10a6,#0000 40% 60%,#080b10e6);position:absolute;inset:0}.motion-open{z-index:4;border-radius:inherit;color:#fff;cursor:zoom-in;pointer-events:auto;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.motion-open:focus-visible{outline-offset:-6px;outline:2px solid #d6ef70}.motion-open-mark{color:#fff;background:#101415cf;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:grid;position:absolute;top:16px;right:16px}:is(.motion-open:hover .motion-open-mark,.motion-open:focus-visible .motion-open-mark){background:#101415;transform:scale(1.06)}.motion-open-label{color:#fff;z-index:4;pointer-events:auto;background:#101415;padding:14px;position:absolute;top:16px;right:16px}.film-viewer{width:min(1800px, calc(100vw - 40px), calc((100dvh - 144px) * var(--film-ratio,1.77778) + 42px));color:#f3f1ea;max-width:1800px;height:auto;max-height:none;font-family:var(--sans);background:#101114;border:1px solid #ffffff24;border-radius:24px;margin:0;padding:20px;position:fixed;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%)}.film-viewer[open]{grid-template-rows:auto minmax(0,1fr);gap:16px;display:grid}.film-viewer::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050608ed}.film-viewer-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.film-viewer-header h2{font:500 clamp(18px, 2vw, 26px)/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.film-viewer-header button{width:44px;height:44px;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff45;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.film-viewer-header button:hover{background:#ffffff25}:is(.film-viewer button:focus-visible,.film-viewer video:focus-visible){outline-offset:3px;outline:2px solid #d6ef70}.film-viewer-stage{aspect-ratio:var(--film-ratio,1.77778);background:#070809;border-radius:14px;min-width:0;min-height:0;overflow:hidden}.film-viewer-stage video{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:767px){.film-viewer{width:min(calc(100vw - 16px), calc((100dvh - 112px) * var(--film-ratio,1.77778) + 26px));height:auto;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));border-radius:18px}.film-viewer[open]{gap:12px}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .motion-open-mark{transition:none}}.work-collection,.film,.project-scene{scroll-margin-top:84px}.work-masthead{justify-content:space-between;align-items:end;gap:28px;padding:38px 5% 32px;display:flex}.work-masthead h1{font:400 72px/1.02 var(--sans);letter-spacing:0;margin:0}.work-masthead p{color:#b3bebc;max-width:240px;margin:0 0 6px;font-size:16px;line-height:1.45}.film{--film-accent:#e36d86;background:#0b0f10;padding:0 5% 64px;position:relative}.film-topline{border-top:1px solid #ffffff30;justify-content:space-between;align-items:baseline;gap:20px;max-width:1520px;margin:0 auto;padding:18px 0 24px;display:flex}.work-kicker,.film-spec{font:11px/1.6 var(--mono);color:#bcc5c1;margin:0}.film-spec{white-space:nowrap}.film-spec span{color:#707b78;margin:0 14px}.film-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) clamp(240px,56.25svh - 140.625px,420px) minmax(0,.8fr);align-items:start;gap:28px 4%;max-width:1520px;margin:0 auto;display:grid}.film-copy{grid-area:1/1;padding:10px 0 0}.film-copy h2{font:400 52px/1.05 var(--sans);overflow-wrap:anywhere;letter-spacing:0;margin:0 0 22px}.work-description{color:#bac4c0;max-width:330px;margin:0;font-size:16px;line-height:1.55}.film-copy .work-link{color:#f1f4ef;margin-top:18px}.film-player{aspect-ratio:9/16;background:#07090a;grid-area:1/2/span 2;width:100%;position:relative}.film-player .motion-backdrop video{object-fit:contain;width:100%;height:100%;inset:0;transform:none}.film-player .motion-shade{display:none}.film-still{min-width:0;transform:translateY(calc(var(--work-drift,0px) * -.25));margin:0}.film-still img{aspect-ratio:1.3;object-fit:cover;width:100%;height:auto;display:block}.film-still figcaption{color:#86948f;font:10px/1.4 var(--mono);border-bottom:1px solid #ffffff24;justify-content:space-between;padding-top:10px;padding-bottom:10px;display:flex}.film-still--a{grid-area:2/1;align-self:end;max-width:360px}.film-still--b{grid-area:1/3;padding-top:12px}.film--portrait .film-still--a img{object-position:50% 76%}.film--portrait .film-layout{--portrait-height:clamp(540px, calc(100svh - 250px), 760px);height:var(--portrait-height);grid-template-columns:minmax(0, 1fr) calc(var(--portrait-height) * .5625) minmax(0, .8fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.film--portrait .film-copy{align-self:center}.film--portrait .film-still{width:100%;height:100%;padding-top:0}.film--portrait .film-still img{aspect-ratio:auto;height:calc(100% - 34px)}.film--portrait .film-still--b img{aspect-ratio:.9;object-position:50% 65%}.film-endnote{color:#c7d0cc;grid-area:2/3;justify-content:space-between;align-self:end;align-items:end;gap:16px;display:flex}.film-endnote>span{font:400 112px/.85 var(--serif);color:var(--film-accent)}.film-endnote p{white-space:pre-line;margin:0;font-size:14px;line-height:1.4}.film--ditelba-vertical{--film-accent:#a3bdfb;background:#111b30}.film--ditelba-horizontal{--film-accent:#7ca3ff;background:#101724;padding-top:28px}.film--landscape .film-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 4%}.film--landscape .film-player{aspect-ratio:16/9;grid-area:1/1/auto/-1}.film--landscape .film-copy{grid-area:2/1;grid-template-columns:1fr;display:grid}.film--landscape .film-copy h2{font-size:64px}.film--landscape .film-copy .work-link{justify-self:start}.film--landscape .film-still--a{grid-area:2/2;place-self:start end;width:62%;max-width:none}.film--landscape .film-still img{aspect-ratio:16/9}.film--landscape .film-still--b,.film--landscape .film-endnote{display:none}.film--square{--film-accent:#c8c99e;background:#19231f;padding-top:28px}.film--square .film-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr) minmax(0,.6fr)}.film--square .film-player{aspect-ratio:1}.film--square .film-copy h2{font-family:var(--serif);font-size:78px;font-style:italic}.film--square .film-still img{aspect-ratio:1}.film--square .film-endnote{display:block}.film--square .film-endnote p{margin-top:18px}.project-scene{background:#101817;border-top:1px solid #ffffff26;grid-template-columns:minmax(200px,.55fr) minmax(0,1.8fr);align-items:start;gap:32px 5%;padding:42px 5% 64px;display:grid;position:relative;overflow:clip}.project-heading{grid-area:1/1}.project-number{font:11px/1.5 var(--mono);color:#a7b7b2}.project-heading h2{font:400 46px/1.1 var(--sans);overflow-wrap:anywhere;margin:26px 0 18px}.project-heading>p{font:italic 32px/1.15 var(--serif);max-width:250px;margin:0}.project-visual{transform:translateY(calc(var(--work-drift,0px) * .2));grid-area:1/2/span 2;align-self:center;display:block;position:relative}.project-visual>img{width:100%;height:auto;display:block;box-shadow:0 20px 50px #0003}.work-open{color:#fff;background:#111918;border:1px solid #fff5;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:14px;right:14px}.project-foot{grid-area:2/1}.project-foot>p{color:#c3cfca;margin:0;font-size:15px;line-height:1.6}.project-disciplines{font:11px/1.5 var(--mono);margin:28px 0 20px;padding:0;list-style:none}.project-disciplines li{border-top:1px solid #ffffff28;padding:9px 0}.project-foot .work-link{gap:12px;width:100%;font-size:15px}.project-scene--ditelba{color:#172531;background:#dee5ec}.project-scene--ditelba .project-number,.project-scene--ditelba .project-foot>p{color:#415462}.project-scene--certy{background:#1b382e}.project-scene--certy .project-heading h2{font:italic 64px/1 var(--serif)}.work-next{background:#0b0f10;padding:76px 5% 88px}.work-next>p{font:13px var(--mono);color:#aeb9b4;margin:0 0 24px}.work-next>a{align-items:baseline;gap:18px;width:fit-content;font-size:64px;line-height:1.1;display:flex}.work-next svg{width:40px;height:40px}@media (hover:hover){.work-link:hover svg{transform:translate(3px,-3px)}}@media (max-width:1100px){.work-portal h2{font-size:68px}.work-portal--motion h2{font-size:76px}.work-screen-composition{height:340px;top:40%}.film-layout{gap:24px}.film-copy h2{font-size:38px}.film-endnote{display:block}.film-endnote>span{font-size:86px}.film-endnote p{margin-top:14px}.project-heading h2{font-size:36px}.work-masthead h1{font-size:60px}}@media (min-width:768px) and (max-width:950px){.film-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.9fr)}.film--portrait .film-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);height:auto}.film--portrait .film-still{height:auto}.film--portrait .film-still img{aspect-ratio:1.25;height:auto}.film--square .film-still--a img{object-fit:cover;max-height:180px}.film-still--b,.film-endnote{display:none}.film--square .film-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.film--square .film-endnote{display:none}.film-player{max-height:none}}@media (max-width:767px){.work-portal{height:790px;min-height:0;max-height:none}.work-portal-copy{padding:68px 22px 0}.work-portal-copy .atelier-eyebrow{margin-bottom:18px;font-size:14px}.work-portal h2{font-size:54px;line-height:1.04}.work-screen-composition{width:94%;height:290px;top:36%}.work-screen--front{width:94%;top:14%;left:3%}.work-screen--back{width:55%;top:-1%;right:-8%}.work-screen--side{width:50%;bottom:2%;left:-8%}.work-portal-bottom{display:block;inset:auto 24px 40px}.work-portal-bottom p{max-width:240px;margin-bottom:20px;font-size:17px}.work-link{gap:24px;min-height:48px}.work-portal--motion{height:710px}.work-portal--motion .motion-backdrop video{width:100%;left:0;right:auto}.work-portal--motion .work-portal-copy{padding:54px 24px 0}.work-portal--motion h2{font-size:64px}.work-portal--motion h2 em{margin-left:32px;display:block}.work-frame-mark--tl{top:41%;left:24px}.work-frame-mark--br{bottom:32%;right:24px}.work-masthead{padding:30px 22px 24px;display:block}.work-masthead h1{max-width:460px;font-size:48px}.work-masthead p{max-width:none;margin-top:14px;font-size:14px}.film{padding:0 20px 36px}.film+.film{padding-top:22px}.film-topline{gap:16px;padding:14px 0 20px}.work-kicker,.film-spec{font-size:9px}.film-spec span{margin:0 6px}.film-layout,.film--landscape .film-layout,.film--square .film-layout{flex-direction:column;gap:20px;display:flex}.film--portrait .film-layout{height:auto}.film-player{order:1;align-self:center;width:100%;max-width:420px}.film--portrait .film-player{width:min(100%,56.25svh - 95.625px);min-width:220px}.film--portrait:first-child .film-player{width:min(100%,56.25svh - 168.75px)}.film--landscape .film-player{max-width:none}.film-copy,.film--landscape .film-copy{order:2;width:100%;padding:0;display:block}.film-copy h2,.film--landscape .film-copy h2{margin-bottom:12px;font-size:36px}.film--square .film-copy h2{font-size:56px}.work-description{max-width:460px;font-size:15px}.film-copy .work-link{margin-top:12px;font-size:14px}.film-still,.film--landscape .film-still--a,.film-endnote,.film--square .film-endnote{display:none}.project-scene{flex-direction:column;gap:26px;padding:30px 22px 44px;display:flex}.project-heading h2{margin:18px 0 12px;font-size:42px}.project-heading>p{max-width:none;font-size:28px}.project-visual{align-self:auto;width:calc(100% + 16px);margin-left:-8px}.project-foot{width:100%}.project-foot>p{font-size:16px}.project-disciplines{flex-wrap:wrap;gap:8px 20px;margin:18px 0 8px;display:flex}.project-disciplines li{border:0;padding:0}.project-foot .work-link{gap:30px;width:auto}.work-next{padding:48px 22px 58px}.work-next>a{flex-wrap:wrap;gap:8px;font-size:40px}.work-next svg{width:28px;height:28px}}@media (max-width:370px){.work-portal h2{font-size:46px}.work-portal--motion h2{font-size:58px}.work-screen-composition{height:245px}.work-masthead h1{font-size:40px}.film-copy h2{font-size:32px}.project-heading h2{font-size:36px}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .work-screen{transform:rotate(var(--tilt));animation:none}:where(html:not([data-motion-preference=full])) .work-art,:where(html:not([data-motion-preference=full])) .work-screen-composition,:where(html:not([data-motion-preference=full])) .film,:where(html:not([data-motion-preference=full])) .project-scene{--work-drift:0px!important}:where(html:not([data-motion-preference=full])) .work-link svg{transition:none}:where(html:not([data-motion-preference=full])) .motion-backdrop video{transform:none!important}}.work-page,.work-chapters{color:#f0f2ef;isolation:isolate;background:#060a0b;position:relative}.work-page>main{isolation:isolate;position:relative}.work-universe{z-index:-1;pointer-events:none;background:#060a0b;position:absolute;inset:0;overflow:clip}.work-universe:before{content:"";opacity:.36;filter:grayscale();background:url(/cosmos/galaxy-atmosphere.webp) 50%/cover;height:100svh;display:block;position:sticky;top:0}.work-universe canvas{opacity:.72;width:100%;height:100svh;margin-top:-100svh;display:block;position:sticky;top:0}.work-chapters .work-universe canvas{opacity:1}.work-signature{z-index:1;pointer-events:none;color:#dce2df;position:absolute;inset:22% 6% 18%;overflow:hidden}.work-signature canvas,.work-signature-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}.work-signature-fallback{padding:5%}.work-signature[data-ready=true] .work-signature-fallback{display:none}.work-page .site-footer{background:#080d0e}.contact-page{isolation:isolate;background:0 0;position:relative}.contact-banner-art{transform:translateY(calc(var(--work-drift,0px)*.2)) scale(1.04)}.work-in-view .work-masthead-copy,.work-in-view .work-portal-copy{animation:.7s cubic-bezier(.22,1,.36,1) both work-copy-arrival}@keyframes work-copy-arrival{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.work-portal{background:0 0;border:0;height:100svh;min-height:740px;max-height:1100px}.work-portal:after,.work-masthead:after{content:"";pointer-events:none;background:linear-gradient(#0000,#060a0b);height:160px;position:absolute;inset:auto 0 0}.work-portal-copy{padding-top:64px}.work-portal h2{font-size:84px}.work-atmosphere{opacity:.28;-webkit-mask-image:linear-gradient(#0000,#000 25% 70%,#0000);mask-image:linear-gradient(#0000,#000 25% 70%,#0000)}.work-screen-composition{perspective:1100px;width:min(1080px,84%);height:400px;transform:translate(-50%, var(--work-drift,0px)) rotate(var(--work-turn,0deg));top:36%}.work-screen{border-color:#bfc8c64d;box-shadow:0 42px 70px #000a}.work-screen--front{--tilt:-4deg;width:69%;top:4%;left:15%}.work-screen--back{--tilt:12deg;width:38%;top:8%;right:-3%}.work-screen--side{--tilt:-12deg;width:35%;bottom:3%;left:-3%}.work-portal--motion{background:0 0;height:94svh}.work-portal--motion .work-art{inset:4% 0 6%}.work-portal--motion .motion-backdrop video{object-fit:cover;opacity:1;width:100%;height:100%;inset:0}.work-portal--motion .motion-shade{background:linear-gradient(90deg,#060a0bdb,#0000 80%),linear-gradient(#060a0b,#0000 30% 65%,#060a0b)}.work-portal--motion .work-portal-copy{text-align:left;max-width:900px;padding:40px 7%;position:absolute;top:8%;left:0}.work-portal--motion h2{font-size:96px}.work-portal--motion h2 em{margin-left:48px;display:block}.work-portal-bottom{align-items:center;bottom:52px}.work-portal-bottom .work-link{min-width:240px}.work-frame-mark{opacity:.5}.work-link:focus-visible{outline-offset:6px;outline:2px solid #d8edaf}.work-chapter-nav a:focus-visible{outline-offset:6px;outline:2px solid #d8edaf}.motion-toggle:focus-visible{outline-offset:6px;outline:2px solid #d8edaf}.work-masthead{background:0 0;align-items:center;height:calc(94svh - 68px);min-height:760px;max-height:1080px;padding:60px 7% 110px;display:flex;position:relative;overflow:clip}.work-masthead-copy{z-index:2;pointer-events:none;width:58%;position:relative}.work-masthead-copy .atelier-eyebrow{font:12px var(--mono);color:#c3cdc8;margin-bottom:28px}.work-masthead h1{text-wrap:balance;max-width:700px;margin:0;font-size:100px;line-height:1.02}.work-masthead h1 em{display:block}.work-masthead-copy>p:last-child{max-width:380px;margin-top:28px;font-size:19px;line-height:1.5}.work-masthead-bottom{z-index:3;justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:54px;left:7%;right:7%}.work-masthead-bottom>span{font:12px var(--mono);color:#b9c7c1}.work-masthead-bottom .work-link{min-width:200px}.work-masthead .work-screen-composition{opacity:.95;width:min(980px,70%);height:420px;top:29%;left:73%}.work-masthead .work-screen--side{bottom:-5%;left:-8%}.work-masthead .work-screen--back{top:-10%}.work-page--motion .work-masthead .work-art{inset:0}.work-page--motion .work-masthead video{object-fit:cover;opacity:.72;width:100%;height:100%;transform:scale(1.08) translateY(var(--work-drift,0px));inset:0}.work-page--motion .work-masthead .motion-shade{background:linear-gradient(90deg,#060a0be8 5%,#060a0b50 70%),linear-gradient(#0000 50%,#060a0b)}.work-page--motion .work-masthead .motion-toggle{top:auto;bottom:130px;right:7%}.work-chapter-nav{border-top:1px solid #c4cfc533;border-bottom:1px solid #c4cfc533;justify-content:space-between;align-items:center;gap:40px;margin:0 7%;padding:25px 0;display:flex}.work-chapter-nav a{align-items:center;gap:16px;min-height:44px;font-size:15px;display:flex}.work-chapter-nav a span{font:10px var(--mono);color:#93a59a}.project-scene{color:#f0f2ef;background:0 0;border:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.9fr);align-content:center;gap:40px 5%;min-height:840px;padding:100px 7%}.project-scene:before{content:"";z-index:-1;background:linear-gradient(#060a0b15,#0d151480 50%,#060a0b15);position:absolute;inset:0}.project-scene--ditelba{grid-template-columns:minmax(0,1.9fr) minmax(0,.8fr)}.project-scene--ditelba .project-heading{grid-area:1/2}.project-scene--ditelba .project-visual{grid-area:1/1/span 2}.project-scene--ditelba .project-foot{grid-area:2/2}.project-heading h2,.project-scene--certy .project-heading h2{font:400 60px/1.03 var(--sans);letter-spacing:0;margin:28px 0 22px}.project-heading>p{color:#d5ded7;max-width:320px;font-size:36px;line-height:1.12}.project-number,.project-scene--ditelba .project-number{color:#b4c4bc}.project-visual{perspective:1200px;transform:translateY(var(--work-drift,0px)) rotate(var(--work-turn,0deg));transition:filter .3s}.project-visual>img{border:1px solid #c2d5ca44;border-radius:3px;transition:transform .65s cubic-bezier(.22,1,.36,1);transform:rotateY(-6deg)rotateX(4deg);box-shadow:0 35px 90px #0009}.project-scene--ditelba .project-visual>img{transform:rotateY(6deg)rotateX(4deg)}.project-visual:hover>img{transform:rotateY(0)rotateX(0)}.project-foot>p,.project-scene--ditelba .project-foot>p{color:#becac3;font-size:16px}.project-disciplines{flex-wrap:wrap;gap:8px 20px;margin:22px 0 12px;display:flex}.project-disciplines li{color:#c8d5cc;border:0;padding:4px 0}.project-scene--ditelba .project-disciplines li,.project-scene--ditelba .work-link{border-color:#aeb6b966}.film{isolation:isolate;background:0 0;padding:68px 7% 90px;overflow:clip}.film+.film{padding-top:68px}.film-topline{margin-bottom:30px;padding-bottom:0}.film--portrait .film-layout{--portrait-height:clamp(560px, calc(100svh - 200px), 800px);grid-template-columns:minmax(0, 1fr) calc(var(--portrait-height)*.5625) minmax(0, .78fr);gap:34px 5%}.film-copy h2{font-size:64px;line-height:1.05}.film--portrait .film-copy{align-self:start;padding-top:24px}.film-player{border-radius:2px;overflow:clip;box-shadow:0 28px 70px #0007}.film-still{opacity:.76}.film-still img{filter:saturate(.7);border:1px solid #e0e8df26}.film-endnote>span{color:#d3e4ca}.film--ditelba-horizontal,.film--ditelba-vertical{--film-accent:#c4e5ec;background:#08101355}.film--square{--film-accent:#d7e6b8;background:#09131066}.film--square .film-copy h2{font-size:78px}.film--landscape .film-player{transform:translateY(calc(var(--work-drift,0px)*.25))}.film--landscape .film-copy{padding-top:8px}.work-next{background:0 0;border-top:1px solid #c4cfc51c;padding:100px 7% 110px;position:relative}.work-next>a{flex-wrap:wrap;gap:12px 18px;font-size:80px}@media (min-width:1800px){.project-scene{min-height:1000px}.work-masthead h1{font-size:120px}.project-heading h2{font-size:72px}}@media (min-width:768px) and (max-width:1100px){.work-masthead h1{font-size:76px}.work-masthead-copy{width:70%}.project-scene{gap:28px 4%;min-height:720px;padding:72px 5%}.project-heading h2,.project-scene--certy .project-heading h2{font-size:44px}.project-heading>p{font-size:30px}.film-copy h2{font-size:40px}.film--portrait .film-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(240px,.95fr);height:auto}.film--portrait .film-still{height:auto}.film--portrait .film-still img{aspect-ratio:1.25;height:auto}.film--portrait .film-still--b,.film--portrait .film-endnote{display:none}}@media (max-width:767px){.work-universe:before{background-image:url(/cosmos/galaxy-atmosphere-mobile.webp)}.work-portal{height:840px;min-height:0;max-height:none}.work-portal-copy{padding:54px 24px 0}.work-portal h2{font-size:54px}.work-screen-composition{width:96%;height:320px;top:36%}.work-screen--front{width:89%;top:12%;left:5%}.work-screen--back{width:57%;top:-3%;right:-8%}.work-screen--side{width:54%;bottom:-3%;left:-8%}.work-portal-bottom{display:block;bottom:42px;left:24px;right:24px}.work-portal-bottom p{max-width:280px;margin-bottom:18px}.work-portal-bottom .work-link{min-width:230px}.work-portal--motion{height:760px}.work-portal--motion h2{font-size:64px}.work-portal--motion h2 em{margin-left:28px}.work-portal--motion .work-portal-copy{max-width:100%;padding:54px 24px;top:0}.work-portal--motion .work-art{inset:0}.work-portal--motion .motion-backdrop video{object-position:58% center}.work-masthead{align-items:flex-start;height:calc(92svh - 64px);min-height:680px;max-height:900px;padding:44px 24px 100px}.work-masthead-copy{width:100%}.work-masthead-copy .atelier-eyebrow{margin-bottom:18px;font-size:11px}.work-masthead h1{max-width:450px;font-size:58px}.work-masthead-copy>p:last-child{max-width:280px;margin-top:18px;font-size:16px;line-height:1.5}.work-masthead .work-screen-composition{width:100%;height:240px;top:48%;left:50%}.work-masthead .work-screen--front{top:12%}.work-masthead .work-screen--back{top:-3%;right:-5%}.work-masthead .work-screen--side{bottom:-6%;left:-6%}.work-masthead-bottom{align-items:center;gap:12px;bottom:28px;left:24px;right:24px}.work-masthead-bottom>span{max-width:120px;font-size:10px;line-height:1.5}.work-masthead-bottom .work-link{min-width:120px;font-size:14px}.work-page--motion .work-masthead .motion-toggle{bottom:110px;right:24px}.work-page--motion .work-masthead video{object-position:62% center;opacity:.85}.work-chapter-nav{flex-wrap:wrap;gap:10px;margin:0 24px;padding:14px 0}.work-chapter-nav a{gap:8px;min-height:40px;font-size:12px}.work-chapter-nav a span{font-size:9px}.project-scene,.project-scene--ditelba{flex-direction:column;gap:30px;min-height:0;padding:70px 24px 75px;display:flex}.project-heading h2,.project-scene--certy .project-heading h2{margin:20px 0 16px;font-size:48px}.project-heading>p{max-width:100%;margin:0;font-size:30px}.project-visual{width:calc(100% + 12px);transform:translateY(calc(var(--work-drift,0px)*.35)) rotate(calc(var(--work-turn,0deg)*.3));align-self:center}.project-visual>img,.project-scene--ditelba .project-visual>img{transform:none}.project-foot{width:100%}.project-foot>p,.project-scene--ditelba .project-foot>p{font-size:16px}.film,.film+.film{padding:36px 20px 54px}.film-topline{gap:12px;margin-bottom:22px}.film-spec{font-size:10px}.work-kicker{max-width:210px;font-size:10px}.film-layout,.film--portrait .film-layout,.film--landscape .film-layout,.film--square .film-layout{flex-direction:column;gap:26px;height:auto;display:flex}.film-copy,.film--portrait .film-copy{order:2;width:100%;padding-top:0}.film-copy h2,.film--landscape .film-copy h2{margin-bottom:15px;font-size:44px}.film--square .film-copy h2{font-size:64px}.film-player{order:1;align-self:center;width:100%;max-width:100%}.film--portrait .film-player{width:min(100%,56.25svh - 84.375px);min-width:0;max-width:390px}.film--portrait .film-still,.film-still,.film-endnote{display:none}.film--landscape .film-player{transform:none}.work-description{max-width:100%;font-size:16px}.film-copy .work-link{margin-top:16px}.film-player .motion-toggle{width:44px;height:44px;top:12px;right:12px}.work-next{padding:65px 24px 76px}.work-next>a{gap:8px 12px;font-size:46px}.work-next svg{width:28px;height:28px}}@media (max-width:374px){.work-masthead h1{font-size:50px}.work-portal h2{font-size:46px}.work-portal--motion h2{font-size:56px}.project-heading h2,.project-scene--certy .project-heading h2{font-size:42px}.work-chapter-nav{gap:8px 16px}}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .work-in-view .work-masthead-copy,:where(html:not([data-motion-preference=full])) .work-in-view .work-portal-copy,:where(html:not([data-motion-preference=full])) .contact-banner-art{animation:none;transform:none}:where(html:not([data-motion-preference=full])) .work-screen,:where(html:not([data-motion-preference=full])) .work-visual,:where(html:not([data-motion-preference=full])) .project-visual,:where(html:not([data-motion-preference=full])) .project-visual>img,:where(html:not([data-motion-preference=full])) .film-still,:where(html:not([data-motion-preference=full])) .film--landscape .film-player,:where(html:not([data-motion-preference=full])) .work-page--motion .work-masthead video{transition:none!important;animation:none!important;transform:none!important}:where(html:not([data-motion-preference=full])) .work-screen-composition{transform:translate(-50%)}}.work-portal--contact .work-portal-copy{padding-top:72px}.work-portal--contact h2 em{display:inline}.work-motion-anchor,.work-contact-anchor{pointer-events:none;scroll-margin-top:68px;position:absolute;top:62%;left:0}.work-contact-anchor{top:88%}@media (prefers-reduced-motion:no-preference) and (min-height:600px){.work-chapters[data-work-enhanced=true]{--work-morph:0;--work-projectCopy:1;--work-motionCopy:0;--work-departure:0;height:370svh}[data-work-enhanced=true] .work-continuum-stage{isolation:isolate;perspective:1300px;height:calc(100svh - 68px);position:sticky;top:68px;overflow:clip}[data-work-enhanced=true] .work-portal{background:0 0;height:100%;min-height:0;max-height:none;position:absolute;inset:0;overflow:clip}[data-work-enhanced=true] .work-portal--projects .work-art{transform-origin:0 0;transform:translate3d(var(--work-zoomX,0px), var(--work-zoomY,0px), 0) scale(var(--work-zoom,1));opacity:calc(1 - var(--work-filmReveal,0))}[data-work-enhanced=true] .work-screen-composition{transform:translate(-50%)}[data-work-enhanced=true] .work-screen--front{z-index:4;animation:none;transform:none}[data-work-enhanced=true] .work-screen--back{translate:calc(var(--work-morph)*230px) calc(var(--work-morph)*-180px);opacity:calc(1 - var(--work-morph))}[data-work-enhanced=true] .work-screen--side{translate:calc(var(--work-morph)*-210px) calc(var(--work-morph)*150px);opacity:calc(1 - var(--work-morph))}[data-work-enhanced=true] .work-portal--projects .work-portal-copy,[data-work-enhanced=true] .work-portal--projects .work-portal-bottom{opacity:calc(var(--work-arrival,1)*var(--work-projectCopy));translate:0 calc((1 - var(--work-arrival,1)) *24px - var(--work-morph)*36px)}[data-work-enhanced=true] .work-portal--motion{opacity:calc(var(--work-filmReveal,0) * (1 - var(--work-departure)));clip-path:none;pointer-events:none;transform:none}[data-work-enhanced=true] .work-portal--motion:not([inert]){pointer-events:auto}[data-work-enhanced=true] .work-portal--contact{opacity:var(--work-contactReveal,0);pointer-events:none}[data-work-enhanced=true] .work-portal--contact:not([inert]){pointer-events:auto}[data-work-enhanced=true] .work-portal--contact .work-portal-copy,[data-work-enhanced=true] .work-portal--contact .work-portal-bottom{opacity:var(--work-contactCopy,0);translate:0 calc((1 - var(--work-contactCopy,0)) *24px)}[data-work-enhanced=true] .work-portal--motion .work-art{inset:auto;top:var(--work-filmY,0px);left:var(--work-filmX,0px);width:var(--work-filmWidth,100%);height:var(--work-filmHeight,100%);opacity:calc(1 - var(--work-departure)*.8);transform:none}[data-work-enhanced=true] .work-portal--motion video{transform:none}[data-work-enhanced=true] .work-portal--motion .work-portal-copy,[data-work-enhanced=true] .work-portal--motion .work-portal-bottom{opacity:calc(var(--work-motionCopy)* (1 - var(--work-departure)));translate:0 calc((1 - var(--work-motionCopy)) *22px)}[data-work-enhanced=true] .work-portal-copy{animation:none}.work-chapters[data-work-enhanced=true]:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0b0f10,#0000);height:160px;position:absolute;inset:0 0 auto}}@media (min-width:0) and (min-height:600px){:where(html[data-motion-preference=full]) .work-chapters[data-work-enhanced=true]{--work-morph:0;--work-projectCopy:1;--work-motionCopy:0;--work-departure:0;height:370svh}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-continuum-stage{isolation:isolate;perspective:1300px;height:calc(100svh - 68px);position:sticky;top:68px;overflow:clip}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal{background:0 0;height:100%;min-height:0;max-height:none;position:absolute;inset:0;overflow:clip}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--projects .work-art{transform-origin:0 0;transform:translate3d(var(--work-zoomX,0px), var(--work-zoomY,0px), 0) scale(var(--work-zoom,1));opacity:calc(1 - var(--work-filmReveal,0))}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-screen-composition{transform:translate(-50%)}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-screen--front{z-index:4;animation:none;transform:none}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-screen--back{translate:calc(var(--work-morph)*230px) calc(var(--work-morph)*-180px);opacity:calc(1 - var(--work-morph))}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-screen--side{translate:calc(var(--work-morph)*-210px) calc(var(--work-morph)*150px);opacity:calc(1 - var(--work-morph))}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--projects .work-portal-copy,:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--projects .work-portal-bottom{opacity:calc(var(--work-arrival,1)*var(--work-projectCopy));translate:0 calc((1 - var(--work-arrival,1)) *24px - var(--work-morph)*36px)}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--motion{opacity:calc(var(--work-filmReveal,0) * (1 - var(--work-departure)));clip-path:none;pointer-events:none;transform:none}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--motion:not([inert]){pointer-events:auto}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--contact{opacity:var(--work-contactReveal,0);pointer-events:none}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--contact:not([inert]){pointer-events:auto}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--contact .work-portal-copy,:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--contact .work-portal-bottom{opacity:var(--work-contactCopy,0);translate:0 calc((1 - var(--work-contactCopy,0)) *24px)}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--motion .work-art{inset:auto;top:var(--work-filmY,0px);left:var(--work-filmX,0px);width:var(--work-filmWidth,100%);height:var(--work-filmHeight,100%);opacity:calc(1 - var(--work-departure)*.8);transform:none}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--motion video{transform:none}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--motion .work-portal-copy,:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--motion .work-portal-bottom{opacity:calc(var(--work-motionCopy)* (1 - var(--work-departure)));translate:0 calc((1 - var(--work-motionCopy)) *22px)}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal-copy{animation:none}:where(html[data-motion-preference=full]) .work-chapters[data-work-enhanced=true]:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0b0f10,#0000);height:160px;position:absolute;inset:0 0 auto}}@media (max-width:767px) and (prefers-reduced-motion:no-preference) and (min-height:600px){.work-chapters[data-work-enhanced=true]{height:350svh}[data-work-enhanced=true] .work-continuum-stage{height:calc(100svh - 64px);top:64px}[data-work-enhanced=true] .work-portal-copy{padding-top:36px}[data-work-enhanced=true] .work-portal h2{font-size:48px}[data-work-enhanced=true] .work-screen-composition{height:260px;top:34%}[data-work-enhanced=true] .work-portal-bottom{bottom:28px}[data-work-enhanced=true] .work-portal-bottom p{max-width:270px;margin-bottom:10px;font-size:15px}[data-work-enhanced=true] .work-portal--motion .work-portal-copy{padding-top:34px;top:3%}[data-work-enhanced=true] .work-portal--motion h2{font-size:58px}}@media (max-width:767px) and (min-width:0) and (min-height:600px){:where(html[data-motion-preference=full]) .work-chapters[data-work-enhanced=true]{height:350svh}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-continuum-stage{height:calc(100svh - 64px);top:64px}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal-copy{padding-top:36px}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal h2{font-size:48px}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-screen-composition{height:260px;top:34%}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal-bottom{bottom:28px}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal-bottom p{max-width:270px;margin-bottom:10px;font-size:15px}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--motion .work-portal-copy{padding-top:34px;top:3%}:where(html[data-motion-preference=full]) [data-work-enhanced=true] .work-portal--motion h2{font-size:58px}}.work-chapters .work-screen{box-shadow:none;filter:drop-shadow(0 22px 30px #0008);border:0;border-radius:0}.work-chapters .work-screen-content{object-fit:cover;object-position:top;width:79.6313%;height:78.1119%;position:absolute;top:10.9091%;left:10.1613%}.work-chapters .work-screen-frame{width:100%;height:auto;display:block;position:relative}.motion-preference{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0}.motion-preference:hover{color:var(--color-accent,#d5ed6d)}.scroll-portfolio[data-opening=true] .atelier-canvas{opacity:0}.atelier-canvas{transition:opacity .45s}@media (prefers-reduced-motion:reduce){:where(html:not([data-motion-preference=full])) .atelier-canvas{transition:none}}@media (max-width:767px){html{-webkit-text-size-adjust:100%}.scene-bar{gap:18px;padding-inline:20px}.scene-name{font-size:27px}.scene-contact,.scene-trigger{min-height:44px}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro{top:14%}.scroll-portfolio .cosmos-hero.hero-reference .hero-outro{top:auto;bottom:calc(12% + var(--mobile-content-bottom,0px))}.scroll-portfolio .cosmos-hero.hero-reference .atelier-links{gap:8px;width:100%;max-width:360px}.scroll-portfolio .cosmos-hero.hero-reference .atelier-links a{min-height:48px;font-size:15px}.scroll-portfolio[data-webgl=ready] .dust-heading h3{font-size:36px}.scroll-portfolio[data-webgl=ready] .dust-beat .dust-description{font-size:16px;line-height:1.5}.scroll-portfolio[data-webgl=ready] .dust-note{font-size:13px}.scroll-portfolio[data-webgl=ready] .remote-heading h3{font-size:38px}.keyboard-contact :is(input,textarea),.contact-page :is(input,textarea){font-size:16px}.keyboard-contact button,.project-detail summary{min-height:44px}.footer-navigation a,.footer-social,.footer-languages a{align-items:center;min-height:44px;display:inline-flex}}@media (max-width:374px){.scene-bar{gap:12px;padding-inline:16px}.scene-name{font-size:24px}.scene-contact,.scene-menu-label{font-size:14px}.scroll-portfolio[data-webgl=ready] .dust-heading h3{font-size:32px}.scroll-portfolio[data-webgl=ready] .dust-beat .dust-description{font-size:14px}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{font-size:38px}}@media (max-width:767px) and (max-height:700px){.scroll-portfolio .cosmos-hero.hero-reference .hero-intro{top:8%}.scroll-portfolio .cosmos-hero.hero-reference .hero-intro h1{margin-top:12px;font-size:38px}.scroll-portfolio .cosmos-hero.hero-reference .hero-description{margin-top:14px}.scroll-portfolio .cosmos-hero.hero-reference .hero-outro{bottom:calc(5% + var(--mobile-content-bottom,0px))}}