@font-face{font-family:Experience;src:local('Arial');font-display:swap}
:root{--ink:#0a0c10;--paper:#eeece6;--muted:#92949e;--coral:#f47764;--red:#f06350;--mint:#a1e6cf;--line:rgba(255,255,255,.12);font-family:Inter,'Helvetica Neue',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:auto}body{margin:0;background:var(--ink);color:#f7f5f0;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:#f06350;color:#fff}h1,h2,h3,h4,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.065em;line-height:.98}h1{font-size:clamp(70px,7.3vw,142px)}h2{font-size:clamp(55px,6.2vw,116px)}em{font-style:normal;color:var(--coral)}.icon{width:24px;height:24px;flex-shrink:0}.top-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:100;background:transparent;pointer-events:none}.top-progress i{display:block;height:100%;width:100%;background:var(--red);transform-origin:left;transform:scaleX(var(--overall,0));transition:transform 80ms linear}.site-header{position:fixed;top:0;left:0;width:100%;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;pointer-events:none;color:#f7f5f0;transition:color .4s}.site-header.on-light{color:var(--ink)}.wordmark{font-size:43px;letter-spacing:-5px;font-weight:850;line-height:.9;display:flex;align-items:center}.brand-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin:21px 11px 0 7px;flex-shrink:0}.wordmark small{font-size:8px;font-weight:500;letter-spacing:1.5px;line-height:1.6;margin-left:8px}.header-right{display:flex;align-items:center;gap:26px;font-size:10px;font-weight:600;letter-spacing:2px}.concept-tag{border:1px solid currentColor;border-radius:30px;padding:9px 13px;opacity:.5;font-size:8px;letter-spacing:1.3px}.chapter{position:relative;height:calc(var(--length,180)*1svh);--p:0;--a:0;--b:0;--c:0;--out:0}.sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:clip;isolation:isolate}.chapter:not(.light){background:var(--ink)}.light{background:var(--paper);color:var(--ink);--line:rgba(0,0,0,.12)}.light em{color:#d14e3e}.section-grid{display:grid;grid-template-columns:43% 57%;align-items:center;padding:110px 5.5vw 80px}.chapter-copy{z-index:4;position:relative;transform:translateY(calc((1 - var(--a))*15px));max-width:630px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;line-height:1.5;color:var(--muted);margin-bottom:33px}.light .eyebrow{color:#6c6e70}.chapter-copy p:not(.eyebrow){font-size:clamp(15px,1.25vw,21px);line-height:1.65;color:#aaaeb7;letter-spacing:-.02em;margin-top:29px}.light .chapter-copy p:not(.eyebrow){color:#65686c}.copy-note{margin-top:36px;font-size:10px;letter-spacing:.2px;display:flex;align-items:center;gap:12px;color:#c5c6cc}.copy-note:before{content:'';display:block;width:27px;height:1px;background:var(--red)}.light .copy-note{color:#55585d}.visual{position:relative;width:100%;height:min(620px,72svh);overflow:visible;z-index:2}.visual-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#777e8c;line-height:1.5}.journey-indicator{position:fixed;bottom:25px;left:4vw;z-index:80;display:flex;align-items:center;gap:10px;color:#c7c8cc;font-size:9px;letter-spacing:.5px;pointer-events:none;transition:color .4s}.journey-indicator.on-light{color:#575a60}.journey-num{font-size:11px;font-variant-numeric:tabular-nums;color:var(--coral)}.journey-separator{width:20px;height:1px;background:currentColor;opacity:.3}.journey-dots{display:flex;gap:5px;margin-left:13px}.journey-dots i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.25;transition:all .4s}.journey-dots i.active{opacity:1;background:var(--red);width:16px;border-radius:3px}.online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #a1e6cf50;margin-right:8px;flex-shrink:0}
/* The room, before the story unwinds. */
.hero .sticky{min-height:680px;background:radial-gradient(ellipse at 70% 48%,#252127 0%,#0a0c10 65%)}.hero-copy{position:absolute;left:6vw;top:50%;transform:translateY(calc(-50% - var(--b)*30px));z-index:5;opacity:calc(1 - var(--out))}.hero .eyebrow{color:#b8bac2;margin-bottom:28px;display:flex;gap:12px;align-items:center}.tiny-line{width:26px;height:1px;background:var(--red)}.hero-description{margin-top:30px;font-size:clamp(16px,1.45vw,24px);color:#9398a4;line-height:1.5;letter-spacing:-.03em}.hero-room{position:absolute;width:min(69vw,1200px);right:-6vw;top:49%;transform:translateY(calc(-44% - var(--a)*35px)) rotate(calc(-5deg + var(--a)*5deg)) scale(calc(.93 + var(--a)*.1));opacity:calc(.85 + var(--a)*.15);filter:drop-shadow(0 40px 60px #0009)}.room-svg{display:block;width:100%;overflow:visible}.room-signals{stroke-dashoffset:calc(var(--p)*-200);opacity:calc(.1 + var(--a)*.65)}.hero-room .room-signals,.hero-room .room-hotspots{opacity:var(--b)}.hero-glow{position:absolute;width:50vw;height:50vw;right:4vw;top:20%;background:radial-gradient(circle,#e8745033,transparent 60%);filter:blur(70px);transform:scale(calc(.6 + var(--a)*.6))}.hero-orbit{position:absolute;border:1px solid #ffffff07;width:60vw;height:60vw;border-radius:50%;right:-15vw;top:-10vw;transform:scale(calc(.9 + var(--a)*.2))}.orbit-two{width:80vw;height:80vw;top:-20vw;right:-25vw}.hero-detail{position:absolute;bottom:16%;right:9vw;font-size:8px;letter-spacing:1.5px;opacity:calc(.5 + var(--a)*.5)}.scroll-cue{position:absolute;bottom:78px;left:6vw;display:flex;align-items:center;gap:17px;font-size:8px;letter-spacing:2px;color:#d8d8dc;opacity:calc(1 - var(--b))}.scroll-line{width:40px;height:1px;background:#ffffff30;position:relative;overflow:hidden}.scroll-line i{display:block;width:20px;height:1px;background:var(--red);animation:scrollHint 2s infinite}.hero-bottom{position:absolute;right:4vw;bottom:28px;font-size:8px;letter-spacing:1.7px;color:#6b6e77}@keyframes scrollHint{0%{transform:translateX(-22px)}100%{transform:translateX(42px)}}
/* A plan around the people. */
.kickoff{background:#11141a!important}.kickoff .sticky{background:radial-gradient(ellipse at 76% 50%,#26313b55,transparent 60%)}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(#a9b9c20a 1px,transparent 1px),linear-gradient(90deg,#a9b9c20a 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%);transform:perspective(700px) rotateX(20deg) rotateZ(-8deg)}.kickoff-orbit{position:absolute;inset:4%;border:1px solid #ffffff0b;border-radius:50%;transform:scale(calc(.7 + var(--a)*.4))}.plan-sheet{position:absolute;left:10%;top:13%;width:79%;height:72%;background:#eae7df;color:#4c5056;box-shadow:0 40px 90px #0008;transform:perspective(1000px) rotateX(calc(20deg - var(--a)*12deg)) rotateY(calc(-16deg + var(--a)*10deg)) rotateZ(calc(-8deg + var(--a)*5deg));border-radius:3px;display:flex;flex-direction:column}.sheet-top{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #0002;font-size:7px;letter-spacing:1px}.sheet-top span{opacity:.5;font-size:6px}.floorplan{width:100%;flex:1;min-height:0;padding:16px 20px}.sheet-bottom{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;padding:18px 20px;border-top:1px solid #0001}.thought{position:absolute;display:flex;align-items:center;gap:10px;white-space:nowrap;padding:16px 19px;border:1px solid #ffffff20;border-radius:10px;background:#1a202bdd;backdrop-filter:blur(15px);font-size:12px;box-shadow:0 15px 30px #0004;color:#dfdfe4;opacity:calc(.15 + var(--a)*.85)}.thought .icon{color:var(--coral);width:19px;height:19px}.thought-one{left:3%;top:8%;transform:translateY(calc((1 - var(--a))*50px)) rotate(-4deg)}.thought-two{right:-1%;top:50%;transform:translateY(calc((1 - var(--b))*45px)) rotate(3deg);opacity:calc(.1 + var(--b)*.9)}.thought-three{left:8%;bottom:10%;transform:translateY(calc((1 - var(--c))*35px)) rotate(-2deg);opacity:calc(.1 + var(--c)*.9)}
/* Ordered, staged, assigned. */
.staging .sticky{background:radial-gradient(ellipse at 78% 50%,#33251f88,transparent 56%)}.staging-platform{position:absolute;left:0;right:-5%;height:29%;bottom:10%;background:linear-gradient(120deg,#303239,#14171c);transform:perspective(1000px) rotateX(65deg) rotateZ(-8deg);box-shadow:0 50px 80px #0006;border:1px solid #ffffff0b}.staging-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 49px,#ffffff05 50px);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.staging-box{position:absolute;background:linear-gradient(130deg,#c9a77e,#a2805b);border:1px solid #e8c69c66;color:#3b3025;border-radius:3px;box-shadow:18px 25px 35px #0006;transform-origin:center;overflow:hidden}.staging-box:before{content:'';position:absolute;left:0;top:0;right:0;height:24px;background:#dbc09b3b;border-bottom:1px solid #5a3b2440}.box-one{left:12%;top:15%;width:50%;height:36%;transform:perspective(1000px) rotateY(-15deg) rotateZ(-8deg) translateY(calc((1 - var(--a))*-140px));opacity:calc(.1 + var(--a)*.9);z-index:2}.box-two{left:42%;top:40%;width:45%;height:32%;transform:perspective(1000px) rotateY(-15deg) rotateZ(5deg) translateY(calc((1 - var(--b))*110px));opacity:calc(.1 + var(--b)*.9);z-index:3}.box-three{left:4%;top:52%;width:35%;height:25%;transform:perspective(1000px) rotateY(-15deg) rotateZ(-5deg) translateX(calc((1 - var(--c))*-90px));opacity:calc(.1 + var(--c)*.9);z-index:4}.box-tape{position:absolute;right:25%;top:0;bottom:0;width:13%;background:#e6c99c60;border-inline:1px solid #72563840}.box-label{position:absolute;left:10%;top:25%;font-size:clamp(30px,4vw,64px);font-weight:800;letter-spacing:-3px}.box-label small{display:block;letter-spacing:1.3px;font-weight:600;font-size:6px;line-height:2;margin-top:5px}.box-code{position:absolute;right:8%;bottom:10%;font-size:9px;letter-spacing:2px}.barcode{position:absolute;bottom:12%;left:10%;width:25%;height:15px;background:repeating-linear-gradient(90deg,#493726 0 1px,transparent 1px 3px,#493726 3px 6px,transparent 6px 8px);opacity:.6}.box-three .box-label{font-size:36px;top:28%}.box-three .box-label small{font-size:5px;letter-spacing:.5px}.manifest{position:absolute;right:-1%;top:7%;width:43%;border:1px solid #ffffff1c;background:#181b21ee;backdrop-filter:blur(20px);border-radius:10px;box-shadow:0 25px 60px #0005;z-index:6;transform:translateY(calc((1 - var(--b))*30px));opacity:calc(.2 + var(--b)*.8)}.manifest-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 15px;font-size:7px;letter-spacing:1.5px;color:#ccc}.manifest-heading .online-dot{margin:0}.manifest-row{margin:0 15px;padding:15px 0;border-top:1px solid #ffffff0c;font-size:9px;color:#b2b7c1;display:flex;gap:10px;align-items:center}.manifest-row>.icon{width:15px;height:15px}.manifest-row span{margin-left:auto;color:var(--mint);transform:scale(var(--a));opacity:var(--a)}.manifest-row:nth-child(3) span{transform:scale(var(--b));opacity:var(--b)}.manifest-row:nth-child(4) span{transform:scale(var(--c));opacity:var(--c)}.manifest-row span .icon{width:13px;height:13px}.manifest-foot{padding:12px 15px;border-top:1px solid #ffffff0c;font-size:5px;letter-spacing:.7px;color:#727986}
/* An exploded rack assembles with the scroll. */
.assembly-circle{position:absolute;width:85%;aspect-ratio:1;border:1px solid #0000000b;border-radius:50%;top:6%;left:8%;box-shadow:0 0 0 40px #00000002,0 0 0 80px #00000002;transform:scale(calc(.9 + var(--a)*.12))}.assembly-rack{position:absolute;inset:5% 22% 10% 19%;perspective:1100px}.rack{height:100%;width:100%;position:relative;background:linear-gradient(90deg,#1b1d22,#35373e 10%,#17191f 14%,#17191f 86%,#33353c 91%,#191b21);border-radius:7px;transform:rotateY(calc(-19deg + var(--c)*13deg)) rotateX(5deg) rotateZ(calc(3deg - var(--a)*3deg));box-shadow:25px 35px 35px #0002;border:2px solid #52545b;transform-style:preserve-3d}.rack:before{content:'';position:absolute;width:24px;right:-25px;top:8px;bottom:-2px;background:linear-gradient(90deg,#272a31,#13161b);transform:skewY(32deg);transform-origin:left;border-radius:0 6px 6px 0}.rack-roof{height:24px;margin:10px 20px;background:repeating-linear-gradient(90deg,#0d0f13 0 3px,#30333a 3px 8px);border-radius:3px}.rack-rails{position:absolute;inset:46px 22px 70px;border:1px solid #050609;background:repeating-linear-gradient(0deg,#25282f 0 5px,#0a0c10 5px 10px);box-shadow:inset 0 0 15px #000}.rack-units{position:absolute;inset:54px 13px 90px;display:flex;flex-direction:column;gap:8px}.rack-unit{height:16%;flex:1;display:flex;background:linear-gradient(180deg,#3b3e46,#22252d 35%,#20232a);border:1px solid #4b4e56;box-shadow:0 4px 6px #0005;align-items:center;gap:5px;position:relative;transform:translateX(calc((1 - var(--a))*(var(--i) - 2)*44px)) translateY(calc((1 - var(--a))*(var(--i) - 2)*31px)) translateZ(calc((1 - var(--a))*70px));opacity:calc(.3 + var(--a)*.7)}.rack-unit.amp{flex:1.4}.rack-screw{height:5px;width:5px;border-radius:50%;background:#8b8e94;margin:0 4px;box-shadow:inset 0 0 1px #000}.unit-face{flex:1;height:100%;padding:10px 6px 8px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.unit-name{font-size:5px;letter-spacing:1.4px;color:#afb3bd}.unit-hardware{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.port{display:block;width:calc((100% - 36px)/12);height:9px;background:#0a0c10;border:1px solid #777b83;border-bottom:2px solid #9599a3;position:relative}.port i{position:absolute;width:2px;height:2px;bottom:-3px;left:1px;background:var(--mint);opacity:var(--c);box-shadow:0 0 4px #9fefd1}.port i+i{left:auto;right:1px;background:#f8b460}.dsp-screen{width:55%;background:#0c1b21;border:2px solid #090b0f;padding:5px;color:var(--mint);font-size:5px;line-height:1.6;opacity:calc(.3 + var(--b)*.7)}.dsp-screen span{display:block;font-size:4px;letter-spacing:.6px}.dsp-knob,.amp-knob{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#71757e,#292c34 70%);border-radius:50%;box-shadow:0 2px 3px #0008;margin-left:auto;border:1px solid #4a4e57}.video .unit-hardware{gap:9px}.video .port{width:12px;height:9px}.compute-slots{width:55%;height:12px;background:repeating-linear-gradient(90deg,#070a0d 0 3px,transparent 3px 6px)}.power-led{width:6px;height:6px;background:var(--mint);box-shadow:0 0 10px #a1e6cf77;border-radius:50%;margin-left:auto;opacity:var(--b)}.amp-vents{width:63%;height:100%;min-height:28px;background:repeating-linear-gradient(90deg,#0b0d11 0 2px,transparent 2px 5px);margin-right:5px}.amp-knob{width:17px;height:17px}.rack-bottom{position:absolute;bottom:12px;left:20px;right:20px;height:50px;background:#12151a;display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:5px;letter-spacing:1.1px;color:#9a9ea7;border:1px solid #343840}.rack-bottom i{width:12px;height:12px;border-radius:50%;border:1px solid #535963;background:#1d232b}.rack-caster{position:absolute;bottom:-17px;width:23px;height:18px;border-radius:3px 3px 7px 7px;background:#1d2026}.rack-caster.left{left:25px}.rack-caster.right{right:25px}.assembly-label{position:absolute;font-size:9px;color:#61656c;display:flex;align-items:center;gap:8px;opacity:var(--b)}.assembly-label span{font-size:8px;color:#d24d3d}.label-left{left:0;top:23%}.label-left div{height:1px;width:40px;background:#0003}.label-right{right:-2%;top:56%;flex-direction:row-reverse}.label-right div{width:35px;height:1px;background:#0003}.assembly-seal{position:absolute;right:0%;bottom:16%;background:#e4e7df;border:1px solid #b3bfaf;box-shadow:0 10px 35px #23302210;border-radius:7px;padding:14px 17px;color:#496348;display:flex;gap:12px;align-items:center;opacity:var(--c);transform:translateY(calc((1 - var(--c))*25px)) rotate(-4deg)}.assembly-seal .icon{width:25px;height:25px}.assembly-seal span{font-size:7px;line-height:1.7;letter-spacing:1.2px}
/* Familiar meetings, bespoke room controls. */
.programming .sticky{background:#0c0e14;display:flex;align-items:center;flex-direction:column;padding-top:110px}.program-glow{position:absolute;bottom:-35%;left:10%;width:80%;height:95%;border-radius:50%;background:radial-gradient(ellipse,#3e365a77,transparent 65%);z-index:-1}.program-title{text-align:center;position:relative;z-index:4;transform:translateY(calc(var(--b)*-8px))}.program-title .eyebrow{margin-bottom:20px}.program-title h2{font-size:clamp(45px,5.1vw,95px);line-height:1.02}.program-title p:not(.eyebrow){font-size:clamp(13px,1.15vw,19px);color:#9a9daa;margin-top:20px;line-height:1.6}.program-panel{width:min(58vw,890px);margin-top:38px;position:relative;transform:perspective(1200px) rotateX(calc(16deg - var(--a)*13deg)) rotateY(calc(-9deg + var(--a)*9deg)) scale(calc(.88 + var(--a)*.12));transform-origin:top center;z-index:2}.panel-device{width:100%;aspect-ratio:1.77;background:linear-gradient(135deg,#393c46,#101217 20%,#12151b 80%,#42464f);border:1px solid #5b5e67;border-radius:20px;padding:17px 22px 21px;position:relative;box-shadow:0 30px 65px #0008,0 0 0 2px #08090d;container-type:inline-size}.panel-camera{position:absolute;top:6px;left:50%;width:4px;height:4px;background:#0a0e17;border:1px solid #333a49;border-radius:50%}.panel-glass{height:100%;width:100%;border-radius:5px;overflow:hidden;position:relative;background:#121727;pointer-events:none;user-select:none}.panel-reflection{position:absolute;pointer-events:none;inset:1px;border-radius:19px;background:linear-gradient(135deg,#ffffff0a,transparent 40%,#ffffff03);z-index:9}.teams-page,.controls-page{position:absolute;inset:0;overflow:hidden}.teams-page{background:#222340;color:white;opacity:clamp(0,calc(1 - var(--b)*2),1);transform:translateX(calc(var(--b)*-20px))}.teams-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 100%,#9071ab 0,transparent 45%),radial-gradient(ellipse at 90% 0,#456b86,transparent 60%),linear-gradient(120deg,#313c55,#3b2544)}.teams-bg:after{content:'';position:absolute;width:100%;height:130%;right:-45%;top:-55%;border-radius:50%;border:60px solid #ffffff0b;transform:rotate(-30deg)}.teams-top{position:relative;display:flex;justify-content:space-between;padding:3.5cqw 4cqw;font-size:1.5cqw;font-weight:500;color:#e2e3eb}.teams-main{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4cqw;padding:3cqw 6cqw 4cqw}.teams-clock{font-size:8.5cqw;font-weight:300;letter-spacing:-.07em;line-height:1}.teams-clock span{display:block;margin-top:2cqw;font-size:1.8cqw;letter-spacing:0;color:#dddce6;font-weight:400}.meeting{padding:3cqw;background:#1114237a;border:1px solid #ffffff14;border-radius:1.5cqw;display:flex;flex-direction:column;gap:1cqw}.meeting small{font-size:1.4cqw;color:#c7c8da}.meeting strong{font-size:2.3cqw;font-weight:500}.meeting>span{font-size:1.4cqw;color:#aaaec7}.join-pill{margin-top:1cqw;padding:1cqw 2cqw;border-radius:.7cqw;background:#7775c5;text-align:center;font-size:1.6cqw;align-self:flex-start;min-width:9cqw}.teams-bottom{position:absolute;bottom:0;left:0;right:0;height:19%;display:flex;justify-content:center;align-items:center;gap:6cqw;background:#17182677;font-size:1.3cqw}.teams-bottom>span{display:flex;flex-direction:column;align-items:center;gap:1cqw}.teams-bottom .icon{width:2.6cqw;height:2.6cqw}.teams-bottom .control-tile{background:#ffffff12;padding:1.2cqw 1.8cqw;border-radius:.8cqw;box-shadow:0 0 0 calc(var(--a)*1px) #bcb9ee66}.controls-page{background:#eff0f3;color:#252b36;opacity:clamp(0,calc(var(--b)*2 - 1),1);transform:translateX(calc((1 - var(--b))*20px))}.controls-header{display:flex;justify-content:space-between;align-items:center;padding:2cqw 3cqw;border-bottom:1px solid #d6d9de;background:#fff;font-size:1.5cqw;height:15%}.controls-header b{font-size:2.7cqw;letter-spacing:-.1em}.controls-header b span{font-size:1.1cqw;letter-spacing:.08em;font-weight:500;margin-left:1.7cqw}.return-teams{font-size:1.2cqw;padding:1cqw 1.5cqw;border:1px solid #e2e2ed;border-radius:.7cqw;color:#57558e}.controls-body{display:flex;height:73%}.control-nav{width:24%;background:#e7e9ed;padding:2cqw 1.2cqw;display:flex;flex-direction:column;gap:1cqw;border-right:1px solid #dadde3}.control-nav>span{font-size:1.4cqw;display:flex;align-items:center;gap:1cqw;padding:1.5cqw 1cqw;border-radius:.6cqw;color:#677080}.control-nav>span.selected{color:#d15142;background:#fff;box-shadow:0 2px 3px #00000005}.control-nav .icon{width:2.3cqw;height:2.3cqw}.control-content{width:76%;padding:3cqw 4cqw}.control-content>small{font-size:.9cqw;letter-spacing:.18em;color:#8e949e}.control-content h4{font-size:3.2cqw;font-weight:500;letter-spacing:-.05em;margin:1cqw 0 2cqw}.display-options{display:flex;gap:1.7cqw}.display-tile{width:45%;height:12cqw;background:#fff;border:1px solid #dbdee4;border-radius:1cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;position:relative;font-size:1.5cqw;color:#737b89}.display-tile .icon{width:3.5cqw;height:3.5cqw}.display-tile.active{border-color:#df8d83;color:#d25545;background:#fff6f3}.display-tile i{position:absolute;right:1cqw;top:.7cqw;font-size:1.3cqw;font-style:normal}.volume-line{display:flex;gap:1.5cqw;align-items:center;width:92%;margin-top:2cqw;font-size:1.2cqw;color:#677080}.volume-line .icon{width:2cqw;height:2cqw}.volume-track{flex:1;background:#d8dce2;height:.6cqw;border-radius:1cqw;position:relative}.volume-track i{display:block;width:65%;height:100%;background:#e47060;border-radius:1cqw}.volume-track i:after{content:'';display:block;width:1.4cqw;height:1.4cqw;background:#fff;box-shadow:0 1px 4px #0003;border:1px solid #ddd;border-radius:50%;position:absolute;left:65%;top:50%;transform:translate(-50%,-50%)}.controls-footer{height:12%;background:#fff;display:flex;align-items:center;font-size:1cqw;padding:0 3cqw;color:#8b929b;border-top:1px solid #dde0e5}.controls-footer>.online-dot{width:.5cqw;height:.5cqw;background:#60a98c;margin-right:.8cqw}.controls-footer>span:last-child{margin-left:auto}.demo-tap{position:absolute;left:77%;top:87%;width:5cqw;height:5cqw;border-radius:50%;border:1px solid #eee9ff;background:#b3b1e633;transform:translate(-50%,-50%) scale(calc(.6 + var(--a)*.7));opacity:calc(var(--tap,0));box-shadow:0 0 0 1.2cqw #b3b1e610;z-index:10}.program-phase{position:relative;text-align:center;margin-top:24px;min-width:400px;font-size:9px;letter-spacing:2.2px;color:#aaa7bf}.program-phase>span{position:absolute;top:0;left:0;right:0}.phase-teams{opacity:clamp(0,calc(1 - var(--b)*2),1)}.phase-controls{opacity:clamp(0,calc(var(--b)*2 - 1),1);color:var(--coral)}.scene-disclaimer{position:absolute;bottom:28px;right:4vw;font-size:7px;letter-spacing:1px;color:#5f6470}.program-aside{position:absolute;color:#8e92a3;font-size:10px;top:64%;max-width:100px;line-height:1.5}.aside-one{left:5vw;opacity:calc(1 - var(--b))}.aside-two{right:4vw;opacity:var(--b)}.program-aside i{display:block;width:50px;height:1px;background:#9b99c155;margin-top:10px}
/* Signal paths come alive in the room. */
.commissioning .sticky{background:radial-gradient(ellipse at 75% 50%,#16363266,transparent 65%)}.commission-room{position:absolute;width:120%;top:14%;left:-8%;transform:scale(calc(.85 + var(--a)*.12)) translateY(calc((1 - var(--a))*20px))}.commission-room .room-signals{stroke:#a1e6cf;opacity:var(--a);stroke-dasharray:6 8;stroke-dashoffset:calc(var(--p)*-400)}.commission-room .room-hotspots{opacity:var(--b)}.check-tag{position:absolute;background:#172c27ed;backdrop-filter:blur(15px);border:1px solid #8ab5a54a;display:flex;align-items:center;gap:10px;border-radius:30px;padding:10px 15px;font-size:8px;color:#a1e6cf;letter-spacing:1px;box-shadow:0 10px 25px #0003}.check-tag .icon{width:15px;height:15px}.check-video{right:7%;top:16%;opacity:var(--a);transform:translateY(calc((1 - var(--a))*20px))}.check-audio{left:10%;top:43%;opacity:var(--b);transform:translateY(calc((1 - var(--b))*20px))}.check-control{right:23%;bottom:23%;opacity:var(--c);transform:translateY(calc((1 - var(--c))*20px))}.waveform{position:absolute;display:flex;align-items:center;gap:4px;height:40px;right:3%;bottom:12%;opacity:var(--b)}.waveform i{width:2px;height:var(--height);background:var(--mint);border-radius:3px;animation:wave 1.5s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.13s)}@keyframes wave{0%{transform:scaleY(.3);opacity:.3}100%{transform:scaleY(1);opacity:.8}}.commission-status{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1.7px;color:#8fb4a9;opacity:var(--c)}
/* Training, in the room, for the people in it. */
.training .sticky{background:radial-gradient(ellipse at 80% 45%,#d5d7d4,transparent 60%)}.training-ring{position:absolute;border:1px solid #00000009;border-radius:50%;aspect-ratio:1;width:80%;left:10%;top:8%;transform:scale(calc(.85 + var(--a)*.25))}.training-ring.ring-two{width:100%;left:0;top:0}.training-panel{position:absolute;width:86%;left:7%;top:28%;transform:perspective(1000px) rotateX(8deg) rotateY(-9deg) rotateZ(-5deg) translateY(calc((1 - var(--a))*35px));--b:1;--tap:0}.training-panel .panel-device{box-shadow:10px 25px 40px #0003}.training-callout{position:absolute;display:flex;align-items:center;gap:10px;background:#f9f8f3e8;border:1px solid #d7d8d2;border-radius:8px;padding:17px;color:#515a60;font-size:10px;box-shadow:0 12px 30px #0000000b;opacity:var(--a)}.training-callout .icon{width:17px;height:17px;color:#c85c4a}.training-callout-one{left:0;top:16%;transform:translateY(calc((1 - var(--a))*30px)) rotate(-3deg)}.training-callout-two{right:-2%;top:55%;opacity:var(--b);transform:translateY(calc((1 - var(--b))*30px)) rotate(3deg)}.training-callout-three{left:5%;bottom:12%;opacity:var(--c);transform:translateY(calc((1 - var(--c))*30px)) rotate(-2deg)}
/* A PDF with a life beyond handoff. */
.guide .sticky{background:#e5e5df}.guide-visual{perspective:1400px}.guide-shadow{position:absolute;width:65%;height:30%;bottom:5%;left:18%;background:#0002;filter:blur(35px);border-radius:50%;transform:scale(calc(.6 + var(--a)*.5))}.guide-page{position:absolute;left:25%;top:7%;width:53%;height:80%;border:1px solid #dddcd5;background:#faf9f5;box-shadow:5px 15px 40px #00000015;padding:30px 24px;border-radius:2px;transform-origin:bottom center;color:#34383f}.page-cover{z-index:3;background:#151b24;color:#f5f2eb;transform:translateX(calc(var(--a)*-72px)) rotateZ(calc(-7deg - var(--a)*9deg)) rotateY(-8deg);overflow:hidden}.page-middle{z-index:2;transform:translateX(calc(var(--a)*35px)) rotateZ(calc(1deg + var(--a)*4deg)) translateY(calc(var(--a)*-14px))}.page-back{z-index:1;transform:translateX(calc(var(--b)*105px)) rotateZ(calc(5deg + var(--b)*15deg)) translateY(calc(var(--b)*-30px));background:#f0eee7}.doc-brand{font-size:7px;letter-spacing:1.3px;border-bottom:1px solid #0001;padding-bottom:13px}.page-cover .doc-brand{font-weight:800;font-size:38px;letter-spacing:-4px;border:0;display:flex;align-items:center}.page-cover .doc-brand .brand-dot{width:5px;height:5px;margin-top:20px}.cover-kicker{font-size:5px;letter-spacing:1.5px;color:#939ca9;display:block;margin-top:35px}.page-cover h3{font-size:clamp(24px,2.9vw,48px);font-weight:500;letter-spacing:-.055em;line-height:1.06;margin-top:15px}.cover-graphic{display:flex;align-items:center;gap:10px;margin-top:45px;color:#e27b66;transform:rotate(-15deg) translateX(-5px)}.cover-graphic .icon{width:36px;height:36px}.cover-graphic i{height:1px;flex:1;background:#e27b6640}.cover-bottom{position:absolute;bottom:25px;left:24px;right:24px;display:flex;align-items:flex-end;justify-content:space-between}.cover-bottom>span:first-child{font-size:5px;letter-spacing:1px;line-height:1.8;color:#a5acb6}.pdf-mark{padding:8px 5px;border:1px solid #e27b6666;color:#e27b66;font-size:7px;letter-spacing:1px;border-radius:3px}.guide-page h4{font-size:clamp(16px,1.6vw,28px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin-top:30px}.doc-number{position:absolute;right:24px;top:55px;font-size:7px;color:#a1a3a5}.doc-screen{background:#e8e7e1;border:1px solid #d7d7d1;border-radius:3px;margin-top:25px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#c26b57}.doc-screen .icon{width:38px;height:38px}.doc-screen span{font-size:5px;letter-spacing:2px}.doc-step{display:flex;gap:10px;border-bottom:1px solid #deded6;padding:14px 0;font-size:6px;align-items:center}.doc-step b{font-size:7px;color:#c7624f;font-weight:500}.doc-bottom{position:absolute;bottom:25px;left:24px;font-size:5px;letter-spacing:1px;color:#9c9d9a}.doc-rule{height:1px;background:#ccc;margin-top:25px}.page-back p{font-size:8px;margin-top:25px}.doc-check{font-size:7px;margin-top:15px;color:#657565}.guide-preview-note{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:1.5px;color:#91938d}
/* A resource that stays with the team. */
.learning .sticky{display:flex;flex-direction:column;align-items:center;padding-top:105px;background:radial-gradient(ellipse at 75% 80%,#21313b88,transparent 55%)}.learning-heading{width:88%;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;position:relative;z-index:2}.learning-heading .eyebrow{position:absolute;top:0;left:0}.learning-heading h2{padding-top:40px;font-size:clamp(55px,5.4vw,100px)}.learning-heading p:not(.eyebrow){font-size:clamp(14px,1.2vw,19px);line-height:1.6;color:#959aa5;padding-bottom:5px}.learning-device{position:relative;width:min(68vw,1040px);margin-top:30px;background:#f6f7f8;border:5px solid #32363e;border-bottom-width:8px;border-radius:13px 13px 8px 8px;box-shadow:0 30px 70px #0007;transform:perspective(1200px) rotateX(calc(9deg - var(--a)*6deg)) rotateY(calc(-6deg + var(--a)*5deg));container-type:inline-size;color:#2a3039}.browser-bar{height:3.7cqw;display:flex;align-items:center;padding:0 1.8cqw;gap:6cqw;background:#e4e6e9;border-bottom:1px solid #d4d7dc;border-radius:7px 7px 0 0}.browser-bar>span{display:flex;gap:.7cqw}.browser-bar>span i{width:.6cqw;height:.6cqw;border-radius:50%;background:#b8bcc3}.browser-bar>div{background:#f1f2f4;border-radius:.5cqw;height:2.2cqw;width:50%;display:flex;align-items:center;justify-content:center;gap:.7cqw;font-size:.8cqw;letter-spacing:.07em;color:#9ca0a9}.browser-bar .icon{width:1cqw;height:1cqw}.browser-bar b{margin-left:auto;font-weight:400;color:#999;font-size:1cqw}.learning-web{display:flex;height:44cqw;overflow:hidden;border-radius:0 0 4px 4px}.web-sidebar{width:23%;padding:3cqw 2cqw;background:#141b25;color:#f1f0eb;display:flex;flex-direction:column;position:relative}.web-brand{font-size:4.2cqw;letter-spacing:-.1em;font-weight:750;display:flex;align-items:center}.web-brand .brand-dot{width:.6cqw;height:.6cqw;margin:2.4cqw 0 0 .8cqw}.web-sidebar>small{font-size:.65cqw;letter-spacing:.13em;color:#717e91;margin:4cqw 0 1.5cqw}.web-nav{font-size:.95cqw;display:flex;align-items:center;gap:.7cqw;padding:1.4cqw .8cqw;margin-inline:-.8cqw;border-radius:.5cqw;color:#8995a7;position:relative}.web-nav .icon{width:1.5cqw;height:1.5cqw}.nav-tutorial{background:rgba(244,119,100,calc((1 - var(--b))*.13));color:color-mix(in srgb,var(--coral) calc((1 - var(--b))*100%),#8995a7)}.nav-learning{background:rgba(244,119,100,calc((var(--b) - var(--c))*.13));color:color-mix(in srgb,var(--coral) calc((var(--b) - var(--c))*100%),#8995a7)}.nav-help{background:rgba(244,119,100,calc(var(--c)*.13));color:color-mix(in srgb,var(--coral) calc(var(--c)*100%),#8995a7)}.web-sidebar-bottom{position:absolute;bottom:3cqw;font-size:1.3cqw;line-height:1.1;letter-spacing:-.03em;color:#505e72}.web-main{flex:1;position:relative;overflow:hidden;background:#f6f7f8}.web-page{position:absolute;inset:0;padding:3cqw 4cqw}.web-page>small{font-size:.7cqw;letter-spacing:.17em;color:#a3a5ab}.web-page>h4{font-size:3cqw;font-weight:500;letter-spacing:-.05em;line-height:1.04;margin-top:1.1cqw}.tutorial-web{opacity:clamp(0,calc(1 - var(--b)*2),1);transform:translateY(calc(var(--b)*-12px))}.elearning-web{opacity:min(clamp(0,calc(var(--b)*2 - 1),1),clamp(0,calc(1 - var(--c)*2),1));transform:translateY(calc((1 - var(--b))*20px - var(--c)*12px))}.help-web{opacity:clamp(0,calc(var(--c)*2 - 1),1);transform:translateY(calc((1 - var(--c))*20px))}.mini-panel-wrap{width:56%;margin:2cqw auto 0;position:relative;--b:1;--tap:0}.mini-panel-wrap .panel-device{padding:7px 9px 8px;border-radius:10px;box-shadow:0 8px 15px #0002}.mini-panel-wrap .panel-camera{top:2px;width:2px;height:2px}.tutorial-spotlight{position:absolute;inset:42% 16% 30% 57%;border-radius:5px;border:1px solid #e67c67;box-shadow:0 0 0 5px #e67c6715;opacity:calc(.5 + var(--a)*.5)}.tutorial-caption{display:flex;align-items:center;gap:1cqw;margin-top:2cqw;font-size:.8cqw;color:#858b95}.tutorial-caption>b{border:1px solid #e6b9ae;padding:.7cqw;color:#c96955;border-radius:.5cqw}.tutorial-progress{width:20%;height:2px;background:#ddd;margin-left:auto}.tutorial-progress i{display:block;background:#dc7b64;height:100%;width:calc(20% + var(--a)*60%)}.lesson-video{height:19cqw;margin-top:2.1cqw;background:radial-gradient(ellipse,#3d444e,#111820);border-radius:.7cqw;position:relative;overflow:hidden}.video-room{position:absolute;width:68%;left:16%;top:-5%}.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.video-play .icon{width:4cqw;height:4cqw;background:#f6f5f2dd;color:#353b48;border-radius:50%;padding:1.2cqw;box-shadow:0 5px 20px #0005}.video-progress{height:2px;position:absolute;bottom:1.5cqw;left:2cqw;right:2cqw;background:#ffffff20}.video-progress i{display:block;height:100%;width:calc(15% + var(--b)*35%);background:#e87c69}.lesson-details{display:flex;justify-content:space-between;margin-top:1.2cqw;font-size:.6cqw;letter-spacing:.06em;color:#8c919a}.help-item{border:1px solid #dddfe4;background:white;border-radius:.7cqw;padding:1.7cqw;margin-top:1.2cqw;font-size:1cqw;position:relative}.help-item>span{display:flex;align-items:center;gap:1cqw;font-weight:500;color:#535d6e}.help-item>span .icon{width:1.5cqw;height:1.5cqw;color:#bd6b58}.help-item>b{position:absolute;top:1.7cqw;right:1.7cqw;color:#9ba0a9;font-weight:400}.help-item p{font-size:.9cqw;line-height:1.6;margin:1.4cqw 1.5cqw 0 2.5cqw;color:#969ba6;max-width:80%}.help-footer{font-size:.6cqw;letter-spacing:.08em;color:#8d969e;display:flex;align-items:center;margin-top:1.8cqw}.help-footer .online-dot{width:.45cqw;height:.45cqw;background:#7aa88b}.laptop-lip{position:absolute;left:-5%;right:-5%;bottom:-15px;height:12px;background:linear-gradient(#858a94,#373b43);border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:0 5px 7px #0005}.laptop-lip:before{content:'';display:block;position:absolute;left:43%;right:43%;height:4px;background:#232832;border-radius:0 0 5px 5px}.learning-labels{position:relative;width:100%;text-align:center;margin-top:35px;height:12px;font-size:9px;letter-spacing:2px;color:var(--coral)}.learn-label{position:absolute;left:0;right:0}.label-tutorial{opacity:clamp(0,calc(1 - var(--b)*2),1)}.label-elearning{opacity:min(clamp(0,calc(var(--b)*2 - 1),1),clamp(0,calc(1 - var(--c)*2),1))}.label-help{opacity:clamp(0,calc(var(--c)*2 - 1),1)}.learning-disclaimer{position:absolute;bottom:28px;right:4vw;font-size:7px;letter-spacing:1px;color:#6f7884}
/* A final thought, with room to breathe. */
.finale .sticky{display:flex;align-items:center;justify-content:center;text-align:center;background:#0a0d12}.finale-halo{position:absolute;width:100vw;height:100vw;left:0;top:-40vw;background:radial-gradient(ellipse,#d45e4022,transparent 65%);transform:scale(calc(.5 + var(--a)*.7));z-index:-1}.finale-content{transform:translateY(calc((1 - var(--a))*20px))}.finale .eyebrow{color:#afb3bc;margin-bottom:33px}.finale h2{font-size:clamp(60px,7.1vw,136px);line-height:1.02}.finale-content>p:not(.eyebrow){font-size:clamp(16px,1.4vw,22px);color:#9097a4;line-height:1.6;margin-top:30px;letter-spacing:-.02em}.finale-path{display:flex;align-items:center;justify-content:center;gap:18px;font-size:8px;letter-spacing:1.7px;color:#9c9ca5;margin:40px 0}.finale-path i{width:40px;height:1px;background:linear-gradient(90deg,#d16a5455,#ffffff15);transform:scaleX(var(--b));transform-origin:left}.finale-brand{font-size:55px;font-weight:750;letter-spacing:-6px;display:flex;justify-content:center;align-items:center;opacity:calc(.4 + var(--c)*.6)}.finale-brand .brand-dot{margin-top:33px}.finale-brand small{font-size:7px;letter-spacing:2px;font-weight:500;margin:20px 0 0 12px}.finale footer{position:absolute;bottom:28px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#5f6571}.finale footer span:first-child{margin-left:340px}
/* Animation is suspended outside the visible scene. */
.chapter:not(.is-active) .waveform i,.chapter:not(.is-active) .scroll-line i{animation-play-state:paused}
@media(min-width:1600px){.section-grid{padding-inline:6vw}.visual{height:min(720px,72svh)}.programming .sticky{padding-top:125px}.program-panel{margin-top:50px}.learning .sticky{padding-top:125px}.learning-device{margin-top:40px}.guide-page{padding:40px 32px}.cover-kicker{margin-top:55px}.page-cover h3{margin-top:22px}.cover-graphic{margin-top:65px}.cover-bottom{left:32px;right:32px;bottom:35px}.doc-step{padding:20px 0}.doc-screen{height:140px}.doc-brand{font-size:8px}.doc-step{font-size:8px}.doc-step b{font-size:9px}.page-back p{font-size:10px}.doc-check{font-size:9px}}
@media(max-height:780px) and (min-width:901px){.site-header{padding-top:21px}.section-grid{padding-top:85px;padding-bottom:60px}.chapter-copy h2{font-size:clamp(55px,5.3vw,90px)}.eyebrow{margin-bottom:22px}.chapter-copy p:not(.eyebrow){margin-top:22px;font-size:16px}.copy-note{margin-top:25px}.programming .sticky{padding-top:90px}.program-title h2{font-size:clamp(40px,4.4vw,70px)}.program-title p:not(.eyebrow){margin-top:14px}.program-panel{width:min(56vw,780px);margin-top:23px}.program-phase{margin-top:18px}.learning .sticky{padding-top:90px}.learning-heading h2{font-size:clamp(45px,4.5vw,75px);padding-top:33px}.learning-device{width:min(62vw,900px);margin-top:23px}.learning-labels{margin-top:30px}.finale h2{font-size:clamp(55px,6.5vw,105px)}.finale-path{margin:28px 0}.finale .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(70px,6.5vw,112px)}}
@media(max-width:1100px) and (min-width:761px){.section-grid{grid-template-columns:44% 56%;padding-inline:4.5vw}.chapter-copy h2{font-size:6.5vw}.chapter-copy p:not(.eyebrow){font-size:14px}.copy-note{font-size:8px}.assembly-label{font-size:7px}.label-right{right:-6%}.label-left{left:-8%}.program-panel{width:70vw}.program-title h2{font-size:6vw}.program-aside{display:none}.learning-device{width:80vw}.guide-page{width:60%;left:17%;padding:24px 18px}.cover-graphic{gap:6px;margin-top:35px}.cover-graphic .icon{width:26px;height:26px}.cover-kicker{font-size:4px}.doc-screen{height:65px}.doc-step{padding:10px 0}.guide-page h4{font-size:18px}.thought{font-size:10px;padding:12px}.box-label{font-size:42px}.manifest{width:48%;right:-3%}.manifest-row{font-size:7px}.manifest-heading{font-size:6px}.finale footer span:first-child{display:none}}
@media(max-width:760px){.site-header{padding:23px 6vw}.wordmark{font-size:34px;letter-spacing:-4px}.wordmark .brand-dot{width:5px;height:5px;margin:18px 7px 0 5px}.wordmark small{font-size:6px;letter-spacing:1px;margin-left:3px}.header-right{font-size:8px;letter-spacing:1.5px;gap:0}.concept-tag{display:none}.sticky{min-height:650px}.hero .sticky{min-height:690px}.section-grid{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:105px 7vw 58px}.chapter-copy{width:100%;max-width:none;flex-shrink:0;z-index:4}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:17px}h2{font-size:clamp(43px,10vw,68px);line-height:1.02}.chapter-copy h2 br{display:none}.chapter-copy h2 em{display:block}.chapter-copy p:not(.eyebrow){font-size:14px;line-height:1.5;margin-top:17px;max-width:90%;letter-spacing:-.01em}.chapter-copy p br{display:none}.copy-note{display:none}.visual{height:auto;min-height:0;flex:1;width:100%;max-height:55svh;margin-top:16px}.visual-caption{bottom:0;font-size:6px;letter-spacing:1.3px}.journey-indicator{bottom:22px;left:6vw;font-size:8px}.journey-num{font-size:9px}.journey-dots{gap:4px;margin-left:8px}.journey-dots i.active{width:12px}.journey-separator{width:14px}.hero-copy{top:17%;left:7vw;transform:translateY(calc(var(--b)*-15px))}.hero h1{font-size:clamp(55px,12.7vw,92px);line-height:.96}.hero .eyebrow{font-size:7px;margin-bottom:22px}.hero-description{font-size:15px;margin-top:22px;color:#a4a6b1}.hero-room{width:112vw;top:50%;right:-13vw;transform:translateY(calc(var(--a)*-18px)) rotate(calc(-5deg + var(--a)*5deg)) scale(calc(.9 + var(--a)*.1))}.hero-detail{bottom:10%;right:7vw;font-size:5px;letter-spacing:1px}.hero-bottom{display:none}.scroll-cue{bottom:62px;left:7vw;font-size:7px}.hero-orbit{width:130vw;height:130vw;top:25%;right:-60vw}.orbit-two{width:180vw;height:180vw;top:15%;right:-85vw}.hero-glow{width:100vw;height:100vw;right:-20%;top:40%}.plan-sheet{top:12%;height:69%;left:13%;width:74%}.sheet-top{font-size:5px;padding:12px}.sheet-top span{font-size:4px}.sheet-bottom{font-size:4px;padding:12px}.floorplan{padding:0 8px}.thought{padding:10px 12px;font-size:9px;gap:7px;border-radius:7px}.thought .icon{width:14px;height:14px}.thought-one{left:0;top:3%}.thought-two{right:-3%;top:43%}.thought-three{left:1%;bottom:10%}.kickoff-orbit{inset:0 8% 6%}.blueprint-grid{inset:0 -20%}.staging-box{border-radius:2px}.box-one{top:8%;height:39%;left:9%;width:50%}.box-two{top:39%;left:42%;height:33%}.box-three{top:49%;height:29%;left:3%}.box-label{font-size:39px;letter-spacing:-2px}.box-label small{font-size:4px;letter-spacing:.7px}.box-code{font-size:6px;letter-spacing:1px}.box-three .box-label{font-size:30px}.box-three .box-label small{font-size:3px}.barcode{height:9px}.manifest{top:0;right:-2%;width:45%;border-radius:7px}.manifest-heading{font-size:5px;padding:11px 10px;letter-spacing:.6px}.manifest-row{font-size:5px;padding:10px 0;margin-inline:10px;gap:6px}.manifest-row>.icon{width:10px;height:10px}.manifest-row span .icon{width:9px;height:9px}.manifest-foot{font-size:3px;letter-spacing:.4px;padding:8px 10px}.manifest-heading .online-dot{width:3px;height:3px}.staging-platform{bottom:7%}.assembly-rack{inset:1% 25% 12% 23%}.assembly-circle{width:85%;left:8%;top:0}.rack{border-radius:4px}.rack:before{width:15px;right:-16px}.rack-roof{margin:7px 12px;height:13px}.rack-rails{inset:25px 13px 37px}.rack-units{inset:30px 7px 45px;gap:5px}.unit-face{padding:5px 3px}.unit-name{font-size:3px;letter-spacing:.6px}.rack-screw{width:3px;height:3px;margin:0 2px}.unit-hardware{gap:2px}.port{height:5px;width:calc((100% - 24px)/12)}.port i{height:1px;width:1px;bottom:-2px}.dsp-screen{font-size:3px;padding:3px;border-width:1px}.dsp-screen span{font-size:2px;letter-spacing:.3px}.dsp-knob,.amp-knob{width:10px;height:10px}.video .unit-hardware{gap:5px}.video .port{width:8px;height:5px}.amp-vents{min-height:15px}.compute-slots{height:7px}.power-led{width:3px;height:3px}.rack-bottom{bottom:7px;left:12px;right:12px;height:26px;padding:5px;font-size:2.5px;letter-spacing:.6px}.rack-bottom i{height:7px;width:7px}.rack-caster{width:15px;height:11px;bottom:-11px}.assembly-label{font-size:6px;gap:5px}.assembly-label span{font-size:5px}.label-left{left:-1%;top:23%}.label-left div{width:18px}.label-right{right:-2%;top:48%}.label-right div{width:17px}.assembly-seal{right:0;bottom:15%;padding:9px;gap:7px;border-radius:5px}.assembly-seal .icon{width:16px;height:16px}.assembly-seal span{font-size:4px;letter-spacing:.7px}.programming .sticky{padding:110px 0 65px;min-height:660px;justify-content:flex-start}.program-title{padding-inline:7vw;text-align:left;width:100%}.program-title .eyebrow{margin-bottom:20px}.program-title h2{font-size:clamp(40px,9.4vw,65px);line-height:1.05}.program-title p:not(.eyebrow){font-size:14px;max-width:95%;margin-top:18px}.program-panel{width:89vw;margin:auto 0;transform:perspective(1000px) rotateX(calc(12deg - var(--a)*10deg)) rotateY(calc(-8deg + var(--a)*8deg)) scale(calc(.92 + var(--a)*.08))}.panel-device{border-radius:13px;padding:12px 14px 14px;box-shadow:0 20px 45px #0008}.panel-camera{top:4px;width:3px;height:3px}.panel-reflection{border-radius:12px}.program-phase{min-width:100%;font-size:7px;letter-spacing:1.4px;margin-top:0;position:absolute;bottom:85px}.program-aside{display:none}.scene-disclaimer{font-size:5px;right:6vw;bottom:47px;letter-spacing:.3px}.commission-room{width:125%;top:5%;left:-12%}.check-tag{font-size:6px;padding:7px 10px;gap:6px}.check-tag .icon{width:11px;height:11px}.check-video{top:2%;right:0}.check-audio{left:0;top:40%}.check-control{bottom:19%;right:14%}.waveform{height:24px;gap:3px;bottom:8%;right:0}.waveform i{width:1px}.commission-status{font-size:5px;letter-spacing:1.1px;bottom:0}.training-panel{width:86%;left:7%;top:25%}.training-callout{font-size:8px;padding:12px;border-radius:6px;gap:7px}.training-callout .icon{width:14px;height:14px}.training-callout-one{top:6%;left:0}.training-callout-two{right:-3%;top:54%}.training-callout-three{left:0;bottom:10%}.guide-page{height:83%;width:43%;left:28%;top:2%;padding:17px 13px}.page-cover{transform:translateX(calc(var(--a)*-43px)) rotateZ(calc(-7deg - var(--a)*9deg)) rotateY(-8deg)}.page-middle{transform:translateX(calc(var(--a)*15px)) rotateZ(calc(1deg + var(--a)*4deg)) translateY(calc(var(--a)*-4px))}.page-back{transform:translateX(calc(var(--b)*58px)) rotateZ(calc(5deg + var(--b)*15deg)) translateY(calc(var(--b)*-16px))}.doc-brand{font-size:4px;letter-spacing:.6px;padding-bottom:10px}.page-cover .doc-brand{font-size:29px;letter-spacing:-3px}.page-cover .doc-brand .brand-dot{width:4px;height:4px;margin:17px 0 0 5px}.cover-kicker{font-size:3px;letter-spacing:.5px;margin-top:22px}.page-cover h3{font-size:clamp(21px,5vw,33px);margin-top:10px;line-height:1.1}.cover-graphic{margin-top:27px;gap:6px}.cover-graphic .icon{height:20px;width:20px}.cover-bottom{left:13px;right:13px;bottom:16px}.cover-bottom>span:first-child{font-size:3px;letter-spacing:.5px}.pdf-mark{font-size:4px;padding:5px 3px;letter-spacing:.4px}.guide-page h4{font-size:15px;margin-top:24px}.doc-number{top:35px;right:13px;font-size:4px}.doc-screen{height:60px;margin-top:18px;gap:5px}.doc-screen .icon{height:24px;width:24px}.doc-screen span{font-size:3px;letter-spacing:1px}.doc-step{font-size:4px;gap:6px;padding:9px 0}.doc-step b{font-size:5px}.doc-bottom{font-size:3px;letter-spacing:.5px;bottom:16px;left:13px}.doc-rule{margin-top:20px}.page-back p{font-size:5px;margin-top:20px}.doc-check{font-size:4px;margin-top:11px}.guide-preview-note{font-size:5px;letter-spacing:1px;bottom:1%}.learning .sticky{padding-top:110px;min-height:660px}.learning-heading{width:86%;display:block}.learning-heading h2{padding-top:30px;font-size:clamp(46px,10.3vw,70px)}.learning-heading p:not(.eyebrow){margin-top:17px;font-size:14px;line-height:1.5;padding:0}.learning-device{width:92vw;margin-top:auto;margin-bottom:auto;border-width:3px;border-bottom-width:5px;border-radius:9px 9px 5px 5px}.browser-bar{border-radius:5px 5px 0 0}.learning-web{height:48cqw}.web-page{padding:3.5cqw 4cqw}.web-page>small{font-size:.85cqw}.web-page>h4{font-size:3.5cqw}.mini-panel-wrap{width:61%;margin-top:2cqw}.mini-panel-wrap .panel-device{padding:4px 6px 5px;border-radius:7px}.mini-panel-wrap .panel-reflection{border-radius:6px}.tutorial-caption{font-size:1cqw;margin-top:2.2cqw}.tutorial-caption>b{padding:.6cqw}.web-nav{font-size:1cqw;padding:1.8cqw .5cqw}.web-sidebar>small{font-size:.7cqw}.lesson-video{height:22cqw}.lesson-details{font-size:.7cqw}.help-item{margin-top:1.5cqw;padding:2cqw;font-size:1.15cqw}.help-item p{font-size:1.05cqw}.help-item>b{right:2cqw;top:2cqw}.help-footer{font-size:.7cqw}.laptop-lip{height:8px;bottom:-10px;left:-2%;right:-2%}.learning-labels{position:absolute;bottom:83px;margin:0;font-size:6px;letter-spacing:1.3px}.learning-disclaimer{bottom:47px;right:6vw;font-size:5px;letter-spacing:.4px}.finale .sticky{padding:80px 7vw;min-height:650px}.finale .eyebrow{margin-bottom:25px}.finale h2{font-size:clamp(43px,10.2vw,72px);line-height:1.06}.finale-content>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-top:25px}.finale-path{gap:9px;font-size:5px;letter-spacing:1px;margin:35px 0}.finale-path i{width:20px}.finale-brand{font-size:47px;letter-spacing:-5px}.finale-brand .brand-dot{margin-top:28px;width:5px;height:5px;margin-right:7px}.finale-brand small{font-size:5px;letter-spacing:1px;margin:18px 0 0 5px}.finale footer{bottom:47px;left:6vw;right:6vw;font-size:5px;letter-spacing:.6px;justify-content:flex-end}.finale footer span:first-child{display:none}.finale-halo{width:200vw;height:200vw;left:-50%;top:-15%}}
@media(max-width:760px) and (max-height:730px){.section-grid{padding-top:90px}.chapter-copy h2{font-size:40px}.chapter-copy p:not(.eyebrow){font-size:12px;margin-top:12px}.eyebrow{margin-bottom:14px}.hero-copy{top:15%}.hero h1{font-size:55px}.hero-description{font-size:13px;margin-top:17px}.hero-room{top:48%}.programming .sticky,.learning .sticky{padding-top:95px}.program-title h2{font-size:39px}.program-title p:not(.eyebrow),.learning-heading p:not(.eyebrow){font-size:12px}.learning-heading h2{font-size:43px}.program-phase,.learning-labels{bottom:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.chapter{height:115svh}.chapter .chapter-copy,.hero-copy,.hero-room,.plan-sheet,.staging-box,.assembly-rack,.rack,.rack-unit,.program-panel,.commission-room,.training-panel,.training-callout,.guide-page,.learning-device,.finale-content{transform:none!important}.page-cover{transform:translateX(-40px) rotate(-10deg)!important}.page-middle{transform:translateX(18px) rotate(5deg)!important}.page-back{transform:translateX(60px) rotate(14deg)!important}}