/* Figma 1114:5996 — Tablet 768. No rules apply to phones or desktop. */
.tablet-intro-tail{display:none}
@media (min-width:701px) and (max-width:1100px){
 :root{--tablet-unit:calc(100vw / 768);--tablet-side:calc(166 * var(--tablet-unit));--tablet-main:calc(100% - var(--tablet-side));--tablet-inset:calc(56 * var(--tablet-unit));--blue:#1755e5}
 #header.site-header,#header.site-header.on-home,#header.site-header.compact{height:56px;grid-template-columns:1fr 56px var(--tablet-side);align-items:center;padding:0;background:#161514;color:#fff}
 #header.site-header.light{background:#fff;color:#161514}
 #header .brand,#header.compact .brand{margin:0 0 0 20px;width:164px;height:22px}
 #header .mobile-header-logo{transform:scale(1.11565);transform-origin:left center}
 #header .header-action,#header.on-home .header-action,#header:not(.compact):not(.light):not(.on-dark) .header-action{display:flex;grid-column:3;grid-row:1;height:56px;min-height:56px;padding:0;font:500 12px/1.25 Switzer,Arial,sans-serif;background:#1755e5;color:#fff}
 #header .menu-toggle{display:flex;grid-column:2;grid-row:1;width:56px;height:56px;min-height:56px;align-items:center;justify-content:center}
 #header .menu-bars{width:20px;gap:5.104px}
 #header .menu-bars i{height:.8px;min-height:.8px}
 #header.site-header.mobile-on-architecture,#header.site-header.on-architecture{background:#d3d5d7!important}
 #header.mobile-on-architecture:before{display:none!important}
 #mobile-menu{top:56px}
 #home.hero{height:100svh;min-height:760px}
 #home .hero-panel{left:0;right:auto;top:0;width:var(--tablet-main);height:62.745098%;min-height:0}
 #home .hero-panel p{left:40px;top:96px;width:419px;max-width:calc(100% - 80px);font-size:26px;line-height:1.25;letter-spacing:-.26px;text-wrap:wrap;white-space:normal}
 #home .hero-panel p br{display:none}
 #home .hero-panel p>span:not(.reveal-word){color:rgba(255,255,255,.4)}
 #home .hero-card-art{top:249px;left:8px;bottom:auto;right:auto;width:calc(100% - 8px);height:391px;max-height:calc(100% - 249px)}
 #home h1{left:20px;right:auto;top:calc(62.745098% + 24px);width:444px;max-width:calc(100% - 40px);font-size:52px;line-height:1;letter-spacing:-.52px}
 #home h1 br{display:none}
 #home .hero-rule{display:block;top:62.745098%!important}
 #home .mobile-hero-guides{display:none}
 #home .hero-photo,#home .hero-shade{inset:0}
 #home .hero-panel:after{display:none}
 #thesis.thesis{height:100svh;min-height:940px}
 #thesis h2{left:20px;top:112px;width:636px;max-width:calc(100% - 40px);font-size:82px;line-height:.95;letter-spacing:-1.64px;font-weight:500}
 #thesis h2 .mobile-line{display:none}
 #thesis h2>span{display:inline}
 #thesis .rails i,#architecture .rails i{left:35.8072917%}
 #thesis .rails i+i,#architecture .rails i+i{left:78.3854167%}
 #architecture .architecture{height:100svh;min-height:760px;background:#d3d5d7}
 #architecture .architecture-scene{top:0;left:0;right:0;width:100%;height:66.47%;overflow:hidden}
 #architecture .architecture-scene iframe{height:100%;width:100%}
 #architecture .architecture-pager{top:52.352941%;bottom:auto;left:20px;height:32px;gap:20px;font:400 13px/1.3 Switzer,Arial,sans-serif}
 #architecture .architecture-pager button{display:grid;place-items:center;width:32px;height:32px;padding:0}
 #architecture .architecture h2{top:61.372549%;left:20px;bottom:auto;width:394px;font-size:52px;line-height:1;letter-spacing:-.52px}
 #architecture .architecture-copy{top:calc(61.372549% + 136px);left:20px;bottom:auto;width:394px;max-width:calc(100% - 40px);font-size:15px;line-height:1.3;letter-spacing:.15px}
 #architecture .architecture-tags{left:20px;right:auto;bottom:40px;top:auto;width:507px;height:52px}
 #architecture .architecture-tags span{height:52px;font-size:13px;line-height:1.3;flex:1}
 #architecture .architecture-skip{left:auto!important;right:0;top:auto!important;bottom:40px;width:var(--tablet-side);height:52px;font:500 13px/1.25 Switzer,Arial,sans-serif!important;color:#161514!important}
 #architecture .architecture-cycle{right:20px;top:54%!important}
 #architecture .top-rail{top:16.078431%}
 #architecture .bottom-rail{top:57.45098%;bottom:auto}
 #architecture .motion-nodes{left:35.8072917%;width:42.578125%;top:16.078431%;bottom:42.54902%}
 #mobile-product-intro{height:100svh;min-height:900px;padding:0;--product-list-lift:0px;--product-row-height:calc((100% - 336px)/8)}
 #mobile-product-intro .mobile-product-intro-title:not([hidden]){position:absolute;left:20px;top:176px;width:490px;max-width:calc(100% - 40px);margin:0;font:450 52px/1 Switzer,Arial,sans-serif;letter-spacing:-.52px}
 #mobile-product-intro .mobile-product-chooser:not([hidden]){position:absolute;top:336px;bottom:0;left:0;right:0;height:auto;width:100%;display:flex}
 #mobile-product-intro .mobile-product-chooser button{height:auto;min-height:0;flex:1;padding:10px 20px;font:400 30px/1.25 Switzer,Arial,sans-serif;letter-spacing:-.3px}
 #mobile-product-intro .mobile-product-chooser button img{width:24px;height:48px}
 #products{--card-top:max(80px,calc(11.764706svh));--card-h:calc(100svh - var(--card-top) - 140px)}
 #products .product-panel{left:var(--tablet-inset);right:var(--tablet-inset);width:auto;top:var(--card-top);height:var(--card-h);grid-template-rows:minmax(280px,1fr) minmax(270px,38.235294svh)}
 #products .product-copy{padding:32px;min-height:0}
 #products .product-copy h2{width:355px;max-width:100%;font:450 42px/1.05 Switzer,Arial,sans-serif;letter-spacing:-.42px;margin-bottom:16px}
 #products .product-copy p{width:290px;max-width:100%;font:400 15px/1.3 Switzer,Arial,sans-serif;letter-spacing:.15px;margin-bottom:16px}
 #products .product-copy>.action{width:169px;min-width:169px;height:52px;min-height:52px;font:500 13px/1.25 Switzer,Arial,sans-serif}
 #products .product-action-desktop{display:inline}
 #products .product-action-mobile{display:none}
 #products .product-panel .product-image{height:100%;min-height:0;background:#fff}
 #products .product-panel .product-video-viewport,#products #product-panel .product-video-viewport{inset:36px;height:auto;aspect-ratio:auto;transform:none;background:#fff}
 #products .product-panel .product-video-viewport :is(img,video),#products #product-panel .product-video-viewport :is(img,video){width:100%;height:100%;object-fit:contain;object-position:center;transform:none;clip-path:none}
 #products .mobile-product-pager{left:var(--tablet-inset);right:var(--tablet-inset);top:calc(var(--card-top) + var(--card-h));height:60px;padding:0 10px;font:450 16px/1.15 Switzer,Arial,sans-serif;letter-spacing:-.16px;border-bottom:.7px solid #ccc}
 #products .mobile-product-pager button{height:44px;min-width:44px;padding:0;justify-content:center}
 #products .mobile-product-opening-frame:not([hidden]){left:var(--tablet-inset);right:var(--tablet-inset)}
 #process .process-grid{top:max(80px,calc(10.098039svh));left:var(--tablet-inset);right:var(--tablet-inset);height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:109px minmax(250px,calc(100svh - 584px)) 240px;border:0}
 #process .process-count{position:static;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:109px;min-height:0;padding:0;border:0}
 #process .process-eyebrow{display:block;margin:0 0 16px;font:400 13px/1.3 Switzer,Arial,sans-serif;color:rgba(22,21,20,.4)}
 #process .process-count #step-title{width:100%;max-width:100%;padding:0;font:450 42px/1.05 Switzer,Arial,sans-serif;letter-spacing:-.42px}
 #process .process-animation{height:100%;width:100%;aspect-ratio:auto;background:#d3d5d7}
 #process .process-copy{height:240px;min-height:0;border:.7px solid #ccc}
 #process .process-copy li{height:60px;min-height:60px;padding:10px 24px;display:flex!important;align-items:center;font:400 22px/1.25 Switzer,Arial,sans-serif;letter-spacing:-.22px}
 #process .process-count .step-controls{position:absolute;left:0;right:0;top:100%;bottom:auto;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 10px;border-inline:.7px solid #ccc;border-bottom:.7px solid #ccc;font:450 16px/1.15 Switzer,Arial,sans-serif}
 #process .step-controls button{display:grid;place-items:center;height:44px;width:44px;font-size:24px}
 #process .process-grid:before{top:109px;left:calc(-1 * var(--tablet-inset));right:calc(-1 * var(--tablet-inset))}
 #process .process-grid:after{top:100%;left:calc(-1 * var(--tablet-inset));right:calc(-1 * var(--tablet-inset))}
 #process .step-pagination,#products .product-pagination{padding:0;line-height:1;transform:translateY(-1px)}
 #verticals .mobile-vertical-intro{height:max(1440px,100svh);bottom:auto}
 #verticals .mobile-vertical-intro h2{top:112px;left:20px;width:564px;max-width:calc(100% - 40px);font:400 82px/.95 Switzer,Arial,sans-serif;letter-spacing:-1.64px}
 .tablet-intro-tail{display:inline}
 #verticals .mobile-vertical-intro-rails{display:block;left:35.8072917%;right:auto;width:0;border-left:.7px solid #fff3;min-height:1440px}
 #verticals .rails i{left:78.3854167%!important}
 #verticals #vertical-description{left:20px;top:113px;width:235px;max-width:235px;font:400 15px/1.3 Switzer,Arial,sans-serif;letter-spacing:.15px;color:#fff}
 #verticals .vertical-controls{left:20px;top:175px;height:32px;gap:20px;font:400 13px/1.3 Switzer,Arial,sans-serif}
 #verticals .vertical-tabs{left:20px;top:30.784314%;height:46px}
 #verticals{--slide-width:calc(606 * var(--tablet-unit));--title-origin:0px}
 #verticals .vertical-tabs button{width:var(--slide-width);min-width:var(--slide-width);height:46px;font:450 42px/1.05 Switzer,Arial,sans-serif;letter-spacing:-.42px}
 #verticals .vertical-image{left:0;right:auto;top:38.235294%;width:var(--tablet-main);height:61.764706%;bottom:0}
 #verticals .vertical-image:after{display:block!important}
 .footer-transition #contact.footer{height:920px;min-height:920px;top:max(0px,calc(100svh - 920px));background:#1755e5}
 #contact .footer-copy{left:20px;top:20px;right:auto;width:475px;max-width:calc(var(--tablet-main) - 40px)}
 #contact .footer-copy h2{width:475px;max-width:100%;font:450 42px/1.05 Switzer,Arial,sans-serif;letter-spacing:-.42px}
 #contact .footer-copy p{width:337px;max-width:100%;margin-top:20px;font:400 15px/1.3 Switzer,Arial,sans-serif;letter-spacing:.15px;color:rgba(255,255,255,.4)}
 #contact .footer-actions{left:auto;right:0;top:0;width:var(--tablet-side);display:flex;flex-direction:column}
 #contact .footer-actions>.action{height:56px;min-height:56px;width:100%;flex:none;font:500 12px/1.25 Switzer,Arial,sans-serif}
 #contact .footer-actions>.action.outline{border:0;border-bottom:1px solid #ffffff33}
 #contact nav{left:0;right:auto;top:auto;bottom:0;width:var(--tablet-main);gap:0}
 #contact nav a{height:56px;display:flex;align-items:center;padding:9px 20px;border:1px solid #4577ea;font:500 12px/1.25 Switzer,Arial,sans-serif}
 #contact:before{top:0;bottom:0;left:var(--tablet-main);border-left:1px solid #fff3}
 .footer-transition #contact .footer-logo{left:auto;right:calc((var(--tablet-side) - 92px)/2);top:auto;bottom:43px;width:92px;height:723px;overflow:visible;clip-path:none!important}
 .footer-transition #contact .footer-logo img{position:absolute;top:0;left:92px;width:723px;height:92px;max-width:none;transform:rotate(90deg);transform-origin:top left}
 #contact .mobile-footer-bottom-rules{display:none}
}
.tablet-break-space{display:none}
@media (min-width:701px) and (max-width:1100px){
 #header.site-header:not(.compact):not(.light):not(.on-dark){grid-template-columns:1fr 56px var(--tablet-side)}
 #header .header-action{width:100%;min-width:0}
 .tablet-break-space{display:inline}
 #home .hero-card-art:after{content:'Tap & Spin';position:absolute;left:76%;top:116px;color:#fff;font:400 13px/1.3 Switzer,Arial,sans-serif;pointer-events:none;white-space:nowrap}
 #home .hero-card-art:before{content:'';position:absolute;left:calc(76% - 12px);top:123px;width:4px;height:4px;background:#fff;z-index:1;pointer-events:none}
 #architecture.motion-track{height:890svh;min-height:0}
 #architecture .architecture .architecture-scene{top:0!important;height:66.47%!important;overflow:hidden}
 #architecture .architecture>h2,#architecture .architecture>.architecture-copy,#architecture .architecture>.architecture-tags,#architecture .architecture>.architecture-pager{visibility:visible!important}
 #architecture .architecture-strip{display:none}
 #architecture .architecture-copy{top:calc(61.372549% + 136px)}
 #architecture .architecture-tags{top:auto!important;bottom:40px!important}
 #architecture .architecture-entry-markers i{left:35.8072917%}
 #architecture .architecture-entry-markers i:nth-child(even){left:calc(78.3854167% - 5px)}
 #process .process-count{clip-path:none}
 #process .process-count .step-controls{grid-column:1/-1;grid-row:auto;width:100%;left:0;right:0}
 #process .process-copy{padding:0;clip-path:none}
 #process #step-list{padding:0;margin:0}
 #process .process-grid:before,#process .process-grid:after{width:auto}
 #contact .mobile-footer-center-line,#contact .mobile-footer-horizontal-line{display:none!important}
 #contact nav{flex-wrap:nowrap}
}
@media (min-width:701px) and (max-width:1100px){
 #home .hero-panel p>br:first-of-type{display:initial}
 #home .hero-card-art iframe{transform:translateY(-48px) scale(1.1);transform-origin:center center}
 #thesis h2>span:first-child>br:first-of-type{display:initial}
 #thesis h2>span:not(.lit):not(:first-child){color:rgba(22,21,20,.2)}
 #thesis .rails i:before{height:100%!important;transform:none!important}
 #process .process-animation iframe{transform:scale(1.32);transform-origin:center}
 #process .step-controls button{opacity:1}
 #process .process-rails{display:none!important}
 #process .process-copy:after{left:-1px;right:-1px}
 #contact nav [data-screen="verticals"]{order:2}
 #contact nav [data-screen="process"]{order:3}
 #contact nav a[href="#careers"]{order:4}
 #contact nav [data-screen="products"]{order:1;font-size:0}
 #contact nav [data-screen="products"]:after{content:'Verticals';font:500 12px/1.25 Switzer,Arial,sans-serif}
 #contact nav [data-screen="products"] .reveal-word{display:none}
 #contact.footer{background-image:linear-gradient(white,white),linear-gradient(white,white),linear-gradient(white,white),linear-gradient(white,white);background-size:5px 5px;background-position:0 0,calc(var(--tablet-main) - 5px) 0,0 calc(100% - 275px),calc(var(--tablet-main) - 5px) calc(100% - 275px);background-repeat:no-repeat}
}
@media (min-width:701px) and (max-width:1100px) and (max-height:850px){
 #products .product-panel{grid-template-rows:minmax(220px,1fr) minmax(180px,38.235294svh)}
 #products .product-copy{padding:24px}
 #products .product-copy h2{font-size:36px;margin-bottom:12px}
 #products .product-copy p{font-size:14px;margin-bottom:12px}
 #products .product-copy>.action{height:44px;min-height:44px}
 #architecture .architecture h2{font-size:42px}
 #architecture .architecture-copy{top:calc(61.372549% + 104px);font-size:14px}
 #architecture .architecture-tags,#architecture .architecture-skip{bottom:20px!important}
}
@media (min-width:701px) and (max-width:1100px){
 #verticals .mobile-vertical-intro .intro-muted{color:rgba(255,255,255,.2)}
 #verticals .vertical-tabs button{flex:0 0 var(--slide-width);max-width:none}
 #verticals #vertical-description>span{display:inline;white-space:normal}
 #verticals #vertical-description>span+span:before{content:' '}
}

@media (min-width:701px) and (max-width:1100px){
 #home .hero-card-art:after{z-index:5}
 #home .hero-card-art:before{z-index:6}
}
