:root{--tf-black:#080808;--tf-black-soft:#10100f;--tf-white:#f1efe8;--tf-muted:#9b9993;--tf-line:#f1efe838;--tf-accent:#ff5a2f;--tf-display:var(--font-geist), "Helvetica Neue", Arial, sans-serif;--tf-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--tf-type-display:clamp(4.25rem, 12.1vw, 13.4rem);--tf-type-section:clamp(3.25rem, 8.4vw, 9rem);--tf-type-statement:clamp(3rem, 7.2vw, 8.2rem);--tf-gutter:clamp(1.125rem, 2.3vw, 2.75rem);--tf-space-section:clamp(7rem, 12vw, 14rem);--tf-ease:cubic-bezier(.22, 1, .36, 1)}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}.tf-site{background:var(--tf-black);min-width:0;color:var(--tf-white);font-family:var(--tf-display);overflow:clip}.tf-site *{box-sizing:border-box}.tf-site a{color:inherit;text-decoration:none}.tf-site img,.tf-site video{display:block}.tf-site ::selection{background:var(--tf-accent);color:var(--tf-black)}.tf-site :focus-visible{outline:2px solid var(--tf-accent);outline-offset:6px}.tf-loader{z-index:1000;padding:var(--tf-gutter);background:var(--tf-white);color:var(--tf-black);transition:transform .7s var(--tf-ease), visibility 0s .7s;grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:end;gap:1.5rem;display:grid;position:fixed;inset:0}.tf-loader.is-gone{visibility:hidden;transform:translateY(-102%)}.tf-loader>span{letter-spacing:-.085em;grid-column:1/-1;align-self:center;font-size:clamp(3.5rem,11vw,11rem);font-weight:800;line-height:.78}.tf-loader>i{background:#c6c2b9;height:1px;position:relative;overflow:hidden}.tf-loader>i b{background:var(--tf-accent);animation:tf-loader .9s var(--tf-ease) both;transform-origin:0;position:absolute;inset:0}.tf-loader>small{font:500 .55rem/1 var(--tf-mono);letter-spacing:.09em}@keyframes tf-loader{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tf-nav{z-index:50;height:4.5rem;padding:0 var(--tf-gutter);border-bottom:1px solid var(--tf-line);background:#080808eb;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.tf-mark{letter-spacing:-.055em;width:max-content;font-size:1rem;font-weight:800}.tf-mark span{color:var(--tf-accent)}.tf-nav>p,.tf-nav nav{font:500 .48rem/1 var(--tf-mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.tf-nav>p{color:var(--tf-muted)}.tf-nav nav{justify-self:end;gap:2rem;display:flex}.tf-nav nav a{transition:color .25s}.tf-nav nav a:hover{color:var(--tf-accent)}.tf-sequence{--tf-progress:0;background:var(--tf-black);height:360svh}.tf-stage{isolation:isolate;background:var(--tf-black);height:100svh;min-height:42rem;position:sticky;top:0;overflow:hidden}.tf-hero-media,.tf-scan-video,.tf-hero-scrim{width:100%;height:100%;position:absolute;inset:0}.tf-hero-media{z-index:0}.tf-scan-video{object-fit:cover;object-position:57% center}.tf-hero-scrim{background:linear-gradient(90deg,#040404f5 0%,#040404c7 28%,#04040414 66%,#04040447 100%),linear-gradient(#0000002e,#0000008a)}.tf-hero-meta{z-index:4;left:var(--tf-gutter);right:var(--tf-gutter);color:#f1efe8a3;font:400 .48rem/1 var(--tf-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;display:flex;position:absolute}.tf-hero-meta-top{top:6.25rem}.tf-hero-copy{z-index:5;left:var(--tf-gutter);width:min(74rem,77vw);position:absolute;top:50%;transform:translateY(-44%)}.tf-eyebrow,.tf-section-index,.tf-section-heading>span,.tf-process-heading>span{color:var(--tf-accent);font:500 .55rem/1 var(--tf-mono);letter-spacing:.13em;text-transform:uppercase}.tf-hero-copy h1{font-size:var(--tf-type-display);letter-spacing:-.092em;text-transform:uppercase;flex-direction:column;margin:clamp(1.8rem,4vh,3.5rem) 0 0;font-weight:800;line-height:.72;display:flex}.tf-hero-copy h1 span:nth-child(2){color:#0000;-webkit-text-stroke:1px #f1efe8e6;padding-left:11vw}.tf-hero-copy h1 span:nth-child(3){padding-left:3vw}.tf-hero-bottom{grid-template-columns:minmax(16rem,31rem) auto;align-items:end;gap:clamp(2rem,5vw,6rem);width:min(45rem,70vw);margin-top:clamp(2rem,5vh,4rem);display:grid}.tf-hero-bottom p{color:#c5c2ba;margin:0;font-size:clamp(.82rem,1vw,1rem);line-height:1.55}.tf-text-link{width:max-content;font:500 .56rem/1 var(--tf-mono);letter-spacing:.06em;text-transform:uppercase;transition:color .25s ease, gap .45s var(--tf-ease);border-bottom:1px solid;gap:2.5rem;padding-bottom:.55rem;display:flex}.tf-text-link b{color:var(--tf-accent);font-weight:500}.tf-text-link:hover{color:var(--tf-accent);gap:3.25rem}.tf-progress{z-index:6;right:var(--tf-gutter);height:42vh;min-height:16rem;font:400 .46rem/1 var(--tf-mono);letter-spacing:.12em;flex-direction:column;align-items:center;gap:.8rem;display:flex;position:absolute;top:50%;transform:translateY(-42%)}.tf-progress>span{writing-mode:vertical-rl;transform:rotate(180deg)}.tf-progress>i{background:#f1efe847;flex:1;width:1px;position:relative}.tf-progress>i b{background:var(--tf-accent);transform:scaleY(var(--tf-progress));transform-origin:bottom;will-change:transform;position:absolute;inset:0}.tf-progress>i:after{content:"";left:-.2rem;bottom:calc(var(--tf-progress) * 100% - .2rem);background:var(--tf-accent);width:.4rem;height:.4rem;position:absolute}.tf-hero-status{z-index:5;left:var(--tf-gutter);right:var(--tf-gutter);border-top:1px solid var(--tf-line);font:400 .48rem/1 var(--tf-mono);letter-spacing:.11em;text-transform:uppercase;grid-template-columns:8rem 1fr auto;padding-top:.85rem;display:grid;position:absolute;bottom:1.4rem}.tf-hero-status span,.tf-hero-status small{color:var(--tf-muted)}.tf-hero-status b{color:var(--tf-accent);font-weight:500}.tf-statement{--tf-statement-progress:0;min-height:112svh;padding:var(--tf-space-section) var(--tf-gutter) 8rem;border-top:1px solid var(--tf-line);background:var(--tf-black);grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;column-gap:1rem;display:grid}.tf-section-index{grid-column:1/-1;justify-content:space-between;margin-bottom:clamp(4rem,9vw,9rem);display:flex}.tf-section-index span:last-child{color:var(--tf-muted)}.tf-statement h2{font-size:var(--tf-type-statement);letter-spacing:-.072em;text-transform:uppercase;grid-column:1/12;margin:0;font-weight:700;line-height:.94}.tf-statement h2>span{opacity:clamp(.46, calc((var(--tf-statement-progress) - var(--tf-word-start)) * 8), 1);transform:translateY(calc((1 - clamp(0, calc((var(--tf-statement-progress) - var(--tf-word-start)) * 8), 1)) * .22em));will-change:opacity, transform;margin-right:.18em;display:inline-block}.tf-statement>p{color:var(--tf-muted);grid-column:9/12;margin:clamp(4rem,8vw,8rem) 0 0;font-size:clamp(.88rem,1.2vw,1.08rem);line-height:1.6}.tf-work{padding:var(--tf-space-section) var(--tf-gutter);border-top:1px solid var(--tf-line);background:var(--tf-black)}.tf-section-heading{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:1rem;display:grid}.tf-section-heading>span{grid-column:1/3;align-self:start}.tf-section-heading h2{font-size:var(--tf-type-section);letter-spacing:-.085em;text-transform:uppercase;grid-column:3/10;margin:0;font-weight:800;line-height:.78}.tf-section-heading>p{color:var(--tf-muted);grid-column:10/13;margin:0;font-size:.92rem;line-height:1.55}.tf-work-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(8rem,15vw,16rem) 1rem;margin-top:clamp(6rem,12vw,13rem);display:grid}.tf-case{margin:0}.tf-case-primary{grid-column:1/13}.tf-case-media{background:var(--tf-black-soft);position:relative;overflow:hidden}.tf-case-primary .tf-case-media{aspect-ratio:16/9}.tf-case-media video{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--tf-ease);transform:scale(1.06)}.tf-case.is-revealed .tf-case-media video{transform:scale(1)}.tf-case-media>span{background:var(--tf-black);font:500 .46rem/1 var(--tf-mono);letter-spacing:.09em;padding:.45rem .55rem;position:absolute;top:.8rem;left:.8rem}.tf-case figcaption{border-top:1px solid var(--tf-line);grid-template-columns:.55fr 1.2fr 1fr;gap:1rem;padding-top:1.2rem;display:grid}.tf-case figcaption>span{color:var(--tf-accent);font:500 .48rem/1 var(--tf-mono);letter-spacing:.1em}.tf-case h3{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(1.45rem,2.4vw,2.65rem);font-weight:600;line-height:.95}.tf-case p{color:var(--tf-muted);margin:0;font-size:.82rem;line-height:1.55}.tf-process{padding:var(--tf-space-section) var(--tf-gutter) 4rem;border-top:1px solid var(--tf-line);background:var(--tf-black)}.tf-process-heading{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:1rem;display:grid}.tf-process-heading>span{grid-column:1/3}.tf-process-heading h2{font-size:var(--tf-type-section);letter-spacing:-.085em;text-transform:uppercase;grid-column:5/13;margin:0;font-weight:800;line-height:.8}.tf-process ol{border-top:1px solid var(--tf-line);margin:clamp(6rem,11vw,12rem) 0 0;padding:0;list-style:none}.tf-process li{border-bottom:1px solid var(--tf-line);min-height:10rem;transition-delay:var(--tf-delay,0s);grid-template-columns:1fr 3.1fr 3fr 1.2fr;align-items:start;gap:1rem;padding:2rem 0;display:grid}.tf-process li>span,.tf-process li>small{font:500 .5rem/1 var(--tf-mono);letter-spacing:.1em}.tf-process li>span{color:var(--tf-accent)}.tf-process li>small{color:var(--tf-muted);justify-self:end}.tf-process h3{letter-spacing:-.07em;text-transform:uppercase;margin:-.15em 0 0;font-size:clamp(2.5rem,5.3vw,6rem);font-weight:700;line-height:.9}.tf-process li>p{max-width:31rem;color:var(--tf-muted);margin:0;font-size:.9rem;line-height:1.6}.tf-process footer{border-top:1px solid var(--tf-line);justify-content:space-between;align-items:end;margin-top:clamp(6rem,10vw,10rem);padding-top:1.5rem;display:flex}.tf-process footer p{max-width:24rem;color:var(--tf-muted);margin:0;font-size:.8rem;line-height:1.55}[data-reveal]{opacity:0;transition:opacity .85s var(--tf-ease), transform 1.05s var(--tf-ease);transform:translateY(3rem)}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}@media (width<=800px){:root{--tf-gutter:1rem;--tf-type-display:clamp(4rem, 18vw, 7.4rem);--tf-type-section:clamp(3.6rem, 16vw, 7rem);--tf-type-statement:clamp(2.8rem, 13vw, 5.6rem);--tf-space-section:clamp(7rem, 28vw, 11rem)}.tf-loader{grid-template-columns:1fr}.tf-loader>span{font-size:17vw}.tf-loader>small{grid-row:2}.tf-nav{grid-template-columns:1fr auto;height:3.75rem}.tf-nav>p{display:none}.tf-nav nav{gap:1rem}.tf-nav nav a:not(:last-child){display:none}.tf-mark{font-size:.88rem}.tf-sequence{height:315svh}.tf-stage{min-height:39rem}.tf-scan-video{object-position:66% center}.tf-hero-scrim{background:linear-gradient(180deg, #04040433 10%, #04040438 35%, #040404eb 78%, var(--tf-black) 100%), linear-gradient(90deg, #0404048c, transparent 75%)}.tf-hero-meta-top{top:4.8rem}.tf-hero-meta span:last-child{display:none}.tf-hero-copy{width:calc(100% - 3rem);top:auto;bottom:6.4rem;transform:none}.tf-hero-copy h1{margin-top:1.25rem;line-height:.76}.tf-hero-copy h1 span:nth-child(2){padding-left:8vw}.tf-hero-copy h1 span:nth-child(3){padding-left:0;font-size:.7em}.tf-hero-bottom{width:100%;margin-top:2rem;display:block}.tf-hero-bottom p{max-width:26rem;font-size:.76rem}.tf-hero-bottom .tf-text-link{margin-top:1.5rem}.tf-progress{height:28vh;min-height:10rem;top:34%;right:1rem}.tf-progress>span{display:none}.tf-hero-status{grid-template-columns:6.5rem 1fr;font-size:.4rem;bottom:1rem}.tf-hero-status small{display:none}.tf-statement{min-height:100svh;padding-bottom:6rem}.tf-section-index{margin-bottom:5rem}.tf-statement h2{grid-column:1/-1}.tf-statement>p{grid-column:4/-1;margin-top:4rem;font-size:.78rem}.tf-section-heading{display:block}.tf-section-heading h2{margin-top:2rem}.tf-section-heading>p{max-width:18rem;margin:2rem 0 0 auto;font-size:.78rem}.tf-work-grid{margin-top:6rem;display:block}.tf-case-primary{margin:0}.tf-case-primary .tf-case-media{aspect-ratio:4/5}.tf-case figcaption{padding-top:1rem;display:block}.tf-case h3{margin:1rem 0;font-size:1.9rem}.tf-case p{font-size:.76rem}.tf-process-heading{display:block}.tf-process-heading h2{margin-top:2rem}.tf-process ol{margin-top:6rem}.tf-process li{grid-template-columns:2.5rem 1fr auto;row-gap:1.5rem;min-height:0;padding:1.7rem 0 2rem}.tf-process h3{font-size:3rem}.tf-process li>p{grid-column:2/-1;font-size:.78rem}.tf-process li>small{font-size:.4rem}.tf-process footer{flex-direction:column;align-items:start;gap:3rem}}@media (width>=801px) and (width<=1100px){.tf-hero-copy{width:83vw}.tf-hero-bottom{width:63vw}.tf-case-primary{grid-column:1/13}}@media (prefers-reduced-motion:reduce){.tf-site *,.tf-site :before,.tf-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.tf-loader{display:none}.tf-sequence{height:auto}.tf-stage{position:relative}.tf-scan-video{display:none}.tf-hero-media{background:url(/concepts/tracefield/tracefield-separation-end.jpg) 57%/cover no-repeat}.tf-progress{display:none}.tf-statement{--tf-statement-progress:1}[data-reveal]{opacity:1;transform:none}}