.tf .nav-inner{gap:32px}.tf .nav-links{display:flex;align-items:center;gap:32px;font-size:13px}.tf .wordmark{font-size:28px;letter-spacing:-1.1px}.tf .menu-toggle{display:none}.tf .site-header{background:#000b;backdrop-filter:blur(16px)}.tf .hero-heading{padding-top:48px;padding-bottom:40px}.tf-eyebrow{font-size:12px;color:#b0b0b0;letter-spacing:.02em;margin-bottom:24px}.tf .hero h1{font-size:clamp(64px,7vw,108px);line-height:1.02}.tf .gallery{padding-block:105px 115px}.tf .carousel{width:24%;height:32vh}.tf .hero-card{border-radius:24px;overflow:visible}.robot-art{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:#1c2025}.robot-art img{width:100%;height:100%;object-fit:cover;object-position:35% center;pointer-events:none}.robot-art.pose img{object-position:50% center}.robot-art.motion img{object-position:48% center}.robot-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.robot-art .robot-caption{position:absolute;bottom:24px;left:24px;right:24px;z-index:2;text-align:left;color:#fff;font-size:32px;letter-spacing:-1.2px;line-height:1.1}.robot-caption small{display:block;font-size:10px;letter-spacing:0;color:#ffffffb3;margin-top:10px}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:5;padding-bottom:24px}.gallery-controls button{background:none;border:1px solid #ffffff35;color:white;border-radius:30px;height:36px;min-width:36px;font-size:13px}.gallery-controls #motion-toggle{position:static;opacity:1;width:auto;padding-inline:18px}.gallery-controls button:hover{border-color:var(--field-accent);color:var(--field-accent)}.tf-intro{padding-block:112px 144px}.tf-intro>.eyebrow{color:#888;font-size:12px}.tf-intro h2{font-size:clamp(44px,5.5vw,80px);letter-spacing:-.055em;line-height:1.08;margin:28px 0}.tf-intro h2 em{color:var(--field-accent)}.tf-intro>p:last-child{font-size:20px;line-height:1.55;color:#aaa;max-width:44ch}.tf-section-heading{display:flex;gap:64px;justify-content:space-between;align-items:end;margin-bottom:48px}.tf-section-heading .section-title{margin:0;max-width:19ch}.tf-section-heading>p{font-size:17px;line-height:1.55;max-width:40ch;color:#777}.tf .product-grid{grid-template-columns:1fr 1fr;gap:32px}.tf .product-card{padding:0;border-radius:24px;background:#f0f1f3}.tf .edu-card{background:#e8edf1}.tf-product-copy{padding:36px}.tf-product-copy>.eyebrow{font-size:12px;color:#64707c}.tf-product-copy h3{font-size:56px;letter-spacing:-2.5px;margin:16px 0}.tf-product-copy>p:not(.eyebrow){font-size:16px;color:#626b75;min-height:48px;max-width:36ch;line-height:1.5}.tf-product-copy .pill{margin-top:24px;font-size:13px}.tf-product-image{height:420px;margin:0}.tf-product-image img{width:100%;height:100%;object-fit:cover;object-position:center}.edu-card .tf-product-image img{object-position:33% center}.tf-note{font-size:12px;color:#777;margin-top:32px;max-width:80ch}.tf-applications{padding-block:128px}.tf-applications .section-title em{color:var(--field-accent)}.tf-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px}.tf-use-grid article{border-top:1px solid #ffffff30;padding-top:24px}.tf-use-grid span{font-size:12px;color:#777}.tf-use-grid h3{font-size:32px;letter-spacing:-1px;margin:24px 0 16px}.tf-use-grid p{font-size:16px;line-height:1.6;color:#aaa;max-width:30ch}.tf-media{padding-bottom:128px}.tf-media figure{position:relative;overflow:hidden;border-radius:24px;margin:0}.tf-media img{width:100%;height:600px;object-fit:cover}.tf-media figcaption{position:absolute;bottom:32px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:white}.tf-media figcaption .pill{background:#fff;color:black;font-size:13px}.tf-contact .eyebrow{font-size:12px}.tf-footer{padding-block:48px}.tf-footer>div{display:flex;justify-content:space-between;align-items:center;gap:32px}.tf-footer nav{display:flex;gap:28px;font-size:13px;color:#aaa}.tf-footer>p{margin-top:40px;font-size:11px;color:#777}.tf dialog{width:min(680px,calc(100% - 32px));padding:36px;color:#1d1d1f;background:#f8f9fb}.tf dialog.media-dialog{width:min(1000px,calc(100% - 32px))}.tf .dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.tf .dialog-head p{font-size:11px;color:#777}.tf .dialog-close{position:static;background:#0000000b;flex-shrink:0}.tf .dialog-body h2{font-size:40px}.tf .dialog-body>p{font-size:16px;color:#6e706b;line-height:1.6}.tf .dialog-body img{max-width:100%;max-height:60svh;object-fit:contain;border-radius:16px;margin-top:24px}.tf .dialog-body figcaption{font-size:12px;color:#777;margin-top:16px;line-height:1.5}.tf .price-options>div{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #0002;padding:16px 0;font-size:14px}.tf .price-options{margin-top:24px}.tf .button{background:#111;color:white;border:0;border-radius:8px;padding:12px 20px;font-size:14px}.tf .fine{font-size:12px;line-height:1.6;color:#777;margin-top:20px}.tf .form-success{padding-block:24px}.tf .form-success p{font-size:15px;line-height:1.6;margin-top:16px}
@media(max-width:1100px){.tf .hero h1{font-size:78px}.tf-section-heading{gap:40px}.tf-product-copy{padding:28px}.tf-product-copy h3{font-size:48px}.tf-product-image{height:360px}.tf-media img{height:480px}.tf-use-grid{gap:32px}.tf .carousel{width:27%}}
@media(max-width:767px){.tf .nav-inner{gap:16px}.tf .wordmark{font-size:23px}.tf .hero-heading{padding-top:20px;padding-bottom:54px}.tf .hero h1{font-size:clamp(50px,9vw,68px)}.tf-eyebrow{font-size:11px;margin-bottom:20px}.tf .gallery{padding-block:70px 76px}.tf .carousel{width:48%;height:30svh}.tf .hero-card{border-radius:18px}.robot-art .robot-caption{font-size:26px;bottom:20px;left:18px;right:18px}.robot-caption small{font-size:9px;margin-top:8px}.tf .nav-links{display:none;position:absolute;left:20px;right:20px;top:64px;flex-direction:column;align-items:stretch;background:#151515f5;border:1px solid #ffffff25;border-radius:16px;padding:18px;gap:4px}.tf .nav-links.open{display:flex}.tf .nav-links>a{padding:12px}.tf .nav-links .pill{margin-top:8px;align-self:start}.tf .menu-toggle{display:block;color:white;background:none;border:0;font-size:12px}.tf-intro{padding-block:80px}.tf-intro h2{font-size:42px}.tf-intro>p:last-child{font-size:17px}.tf-section-heading{display:block;margin-bottom:32px}.tf-section-heading .section-title{font-size:44px}.tf-section-heading>p{margin-top:24px;font-size:16px}.tf .product-grid{grid-template-columns:1fr;gap:24px}.tf-product-copy{padding:28px}.tf-product-copy h3{font-size:48px}.tf-product-copy>p:not(.eyebrow){font-size:15px;min-height:0}.tf-product-image{height:360px}.tf-note{font-size:11px;margin-top:24px}.tf-applications{padding-block:80px}.tf-use-grid{grid-template-columns:1fr;gap:32px;margin-top:40px}.tf-use-grid h3{font-size:30px;margin:20px 0 12px}.tf-use-grid p{font-size:16px;max-width:38ch}.tf-media{padding-bottom:80px}.tf-media img{height:440px;object-position:55% center}.tf-media figcaption{left:20px;right:20px;bottom:24px;font-size:12px}.tf-media figcaption .pill{font-size:11px;padding:10px 14px}.tf-footer>div{display:block}.tf-footer nav{margin-top:28px;font-size:12px;gap:24px}.tf-footer>p{margin-top:32px}.tf dialog{padding:26px}.tf .dialog-body h2{font-size:32px}.tf .dialog-body figure{margin:0}.tf .gallery-controls{padding-bottom:20px}.tf .hero{padding-bottom:10px}}
@media(max-width:390px){.tf .hero h1{font-size:49px}.tf-intro h2{font-size:36px}.tf .wordmark{font-size:21px}.tf .carousel{width:48%}.robot-art .robot-caption{font-size:23px}.tf-contact h2{font-size:50px}}
/* Keep the hero copy below the fixed navigation at every viewport height. */
.tf .hero-heading{flex-direction:column;align-items:center;padding-top:128px;padding-bottom:40px;text-align:center;flex-shrink:0}.tf .tf-eyebrow{margin-bottom:24px}.tf .hero{justify-content:flex-start}.tf .gallery{flex:1;min-height:520px}.tf .tf-section-heading .section-title{text-align:left}
@media(max-width:767px){.tf .hero-heading{padding-top:124px;padding-bottom:20px}.tf .tf-eyebrow{margin-bottom:22px}.tf .gallery{min-height:390px}.tf .tf-section-heading .section-title{text-align:left}}
@media(min-width:768px) and (max-height:800px){.tf .gallery{min-height:420px}}
/* Cropped brand SVGs carry their own transparency. */
.tf-brand{display:block;flex-shrink:0;width:clamp(240px,26vw,350px)}
.tf-brand-crop{display:block;width:100%;aspect-ratio:1492/108;background:transparent}
.tf-brand-crop img,.tf-symbol img{display:block;width:100%;height:auto}
.tf-symbol{display:block;width:100px;aspect-ratio:185/100;margin-bottom:32px;background:transparent}
.tf .hero h1{font-size:clamp(56px,6.4vw,92px);line-height:1.08}.tf-intro>p:not(.eyebrow){font-size:20px;line-height:1.6;color:#aaa;max-width:52ch}.tf-intro .tf-story-note{margin-top:24px;color:#777}.tf .hero-heading{padding-inline:24px}.tf .tf-footer nav{flex-wrap:wrap}
@media(max-width:767px){.tf-brand{width:min(62vw,260px)}.tf .hero h1{font-size:clamp(34px,7.4vw,56px);letter-spacing:-.045em}.tf .hero-heading{padding-inline:16px}.tf .tf-eyebrow{font-size:10px}.tf-intro>p:not(.eyebrow){font-size:17px}.tf-symbol{width:80px;margin-bottom:36px}.tf .tf-footer .tf-brand{width:min(100%,300px)}}
/* Ice blue, graphite and silver: the Tending Fields palette. */
.tf .tf-contact{background:#101820;color:#fff;border-top:1px solid #ffffff15}.tf .tf-contact h2 em{color:var(--field-accent)}.tf .tf-contact .dark-pill{background:var(--field-accent);color:#07121a}.tf .tf-contact .eyebrow{color:#8eabbc}.tf .robot-art.go2 img{object-position:72% center}.tf .robot-art.b2 img{object-position:38% center}.tf .robot-art.h1 img{object-position:52% center}.tf .robot-art.b2w{background:#e5e6e8}.tf .robot-art.b2w img{object-fit:contain;object-position:center}.tf .go2-card img{object-position:72% center}.tf .b2-card img{object-position:36% center}.tf .b2w-card .tf-product-image{background:#e5e6e8}.tf .b2w-card img{object-fit:contain}.tf .h1-card img{object-position:center}.tf .dialog-body .fine a{text-decoration:underline;text-underline-offset:3px}
/* Silent inline loops layer over the unchanged poster fallback. */
.tf .robot-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s ease;pointer-events:none}.tf .robot-art video.is-playing{opacity:1}.tf .robot-art.go2 video{object-position:65% center}.tf .robot-art.b2 video{object-position:38% center}.tf .robot-art.h1 video{object-position:52% center}
/* Six distinct scenes: wider cards keep the ring composed without duplicates. */
.tf .carousel{width:32%}.tf .robot-art.pose video{object-position:48% center}.tf .robot-art.b2w video{object-position:center}
@media(max-width:767px){.tf .carousel{width:60%}}
/* Nine distinct products and applications restore the full-width gallery. */
.tf .carousel{width:24%}.tf .robot-art.dex3{background:#e7ebee}.tf .robot-art.dex3 img{object-fit:contain}.tf .robot-art.fire{background:#fff}.tf .robot-art.fire img,.tf .robot-art.fire video{object-fit:contain}.tf .robot-art.r1 video{object-position:50% center}.tf .dex3-card img,.tf .fire-card img{object-fit:contain;background:#fff}
@media(max-width:1100px) and (min-width:768px){.tf .carousel{width:27%}}
@media(max-width:767px){.tf .carousel{width:48%}}
.tf .robot-art.fire video{object-fit:cover;object-position:50% center}

/* The opening is a single headline. The business explanation follows on a light spread. */
.tf .hero{min-height:100svh;padding:0;justify-content:space-around;overflow:clip}
.tf .hero-heading{padding:120px 24px 0}
.tf .hero h1{font-size:clamp(64px,6.95vw,100px);line-height:1;letter-spacing:-.06em}
.tf .gallery{flex:0 0 auto;min-height:0;height:calc(33svh + 240px);padding:0;overflow:clip visible;transform-style:flat;perspective:none}
.tf .carousel{position:relative;width:25%;height:33svh;transform:none;transform-style:flat;will-change:auto}
.tf .hero-card{left:50%;top:50%;aspect-ratio:auto;transform-origin:0 0;transform-style:flat;border-radius:0;background:transparent}
.tf .robot-art{border-radius:0}
.tf .robot-art .robot-caption{font-size:42px}
.tf .robot-caption small{font-size:14px}
.gallery-canvas{position:absolute;left:0;pointer-events:none}
.canvas-gallery .robot-art{opacity:0;pointer-events:none}
.canvas-gallery .hero-card:focus-visible{outline:0}
.tf .gallery-controls{position:absolute;inset:auto 0 20px;padding:0}
.tf .gallery-controls button{background:#000b}
.tf .tf-intro{background:#f2f5f7;color:#171c22;padding-block:96px}
.tf .tf-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,112px);align-items:center}
.tf .tf-intro-heading .tf-symbol{width:76px;margin-bottom:28px;filter:invert(1)}
.tf .tf-intro-heading h2{font-size:clamp(42px,4.7vw,68px);margin:0;line-height:1.08;letter-spacing:-.05em}
.tf .tf-intro-heading h2 em{color:#345d73}
.tf .tf-intro-copy>.eyebrow{font-size:12px;color:#526675;letter-spacing:.05em;margin-bottom:22px}
.tf .tf-intro-copy>p:not(.eyebrow){font-size:21px;line-height:1.5;max-width:45ch;text-wrap:pretty}
.tf .tf-intro-copy>.tf-story-note{font-size:17px!important;line-height:1.6!important;margin-top:18px;color:#59656f}
.tf .tf-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.tf[data-platform] .tf-intro-actions .tf-outline{background:transparent;color:#245d7a;border:1px solid #91afbf}
.tf[data-platform] .tf-intro-actions .tf-outline:hover{background:#dfeaf0}
.tf .tf-process{padding-block:112px}
.tf .tf-process .section-title em{color:var(--field-accent)}
.tf .tf-contact-description{max-width:46ch;margin:24px auto 32px;font-size:20px;line-height:1.6;color:#b0b6bc;text-wrap:pretty}
.tf .tf-use-grid h3{text-wrap:balance}
@media(max-width:767px){
 .tf .hero{min-height:100svh;justify-content:center;padding:104px 0 72px}
 .tf .carousel{width:50%;height:33svh}
 .tf .hero-heading{padding:0 16px 72px}
 .tf .hero h1{max-width:100%;font-size:clamp(38px,11.54vw,45px);line-height:1;letter-spacing:-.03em}
 .tf .hero h1 em{display:inline-block;max-width:8em}
 .tf .gallery{height:33svh;min-height:260px}
 .tf .robot-art .robot-caption{font-size:26px}
 .tf .robot-caption small{font-size:10px}
 .tf .tf-intro{padding-block:60px}
 .tf .tf-intro-grid{grid-template-columns:1fr;gap:32px}
 .tf .tf-intro-heading .tf-symbol{width:60px;margin-bottom:24px}
 .tf .tf-intro-heading h2{font-size:clamp(36px,8vw,48px)}
 .tf .tf-intro-copy>.eyebrow{margin-bottom:16px;font-size:11px}
 .tf .tf-intro-copy>p:not(.eyebrow){font-size:18px}
 .tf .tf-intro-copy>.tf-story-note{font-size:16px!important}
 .tf .tf-intro-actions{gap:10px;margin-top:24px}
 .tf .tf-process{padding-block:80px}
 .tf .tf-contact-description{font-size:17px}
}
