/* Shared visual language of the main website: charcoal, paper and workshop orange. */
:root{--orange:#f76835;--line:#363636;color-scheme:dark;background:#141414;color:#f4f3ef;font-family:Arial,Helvetica,sans-serif}body{background:#141414;color:#f4f3ef;-webkit-font-smoothing:antialiased}.page-header{min-height:96px;padding:16px max(32px,calc((100vw - 1440px)/2));border-bottom:1px solid #363636;background:#141414;gap:32px}.page-header .brand{gap:14px}.page-header .brand img{width:62px;height:62px}.page-header .brand small{font-size:10px;letter-spacing:3px;color:#c7c7c0}.page-header .brand strong{font-size:19px;letter-spacing:-.2px;color:#f4f3ef}.experience-links{display:flex;align-items:center;gap:30px;font-size:12px;color:#b9b9b0}.experience-links>a{display:flex;align-items:center;gap:20px;min-height:44px;position:relative;white-space:nowrap;transition:color .18s}.experience-links>a:hover{color:#fff}.experience-links>[aria-current=page]{color:#f4f3ef}.experience-links>[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}.experience-links .back{margin-left:10px;padding-left:28px;border-left:1px solid #42423b;font-size:11px;color:#c4c4ba;gap:22px}.experience-links .back span{color:var(--orange);font-size:22px}.page-heading{padding:38px 0 32px;gap:40px}.page-heading .eyebrow{color:#a7a79c;font-size:10px;letter-spacing:2.1px;margin:0 0 14px;display:flex;align-items:center;gap:10px}.page-heading .eyebrow:before{content:"";width:27px;height:2px;background:var(--orange);flex:none}.page-heading h1{font-size:clamp(44px,4.4vw,70px);font-weight:700;line-height:1.05;letter-spacing:-2.2px;color:#f4f3ef}.page-heading h1>span{color:var(--orange)}.page-heading>p{border-left:2px solid #f768355c;padding-left:21px;color:#b6b6ad;font-size:13px;line-height:1.8}.machine-panel{border-color:#41413b;border-radius:12px;background:#191919;border-top:2px solid #f76835;box-shadow:0 12px 30px #00000012}.scene,#tube-canvas,#model-canvas{background:#191919}.viewer-tag{color:#bcbcb2}.viewer-tag>span{background:var(--orange)}.playback{border-color:#363630;background:#1c1c1a}.playback-info strong{color:#f1f0e9;font-size:14px}.playback-info>span{color:#aeaea3}.track{background:#363630}.track>span{background:var(--orange)}#pause{border-color:#656557;border-radius:3px;background:transparent;color:#eeeee5;font-weight:500}#pause:hover{border-color:var(--orange);background:#f768350c}.timeline{background:#1c1c1a;border-color:#363630}.timeline output{color:#b4b4a9}.timeline input{accent-color:var(--orange)}.view-controls{background:#171717ed;border-color:#5b5b50;border-radius:5px;box-shadow:0 4px 16px #0003}.view-controls button{color:#bfbfb5;border-radius:2px;font-size:11px}.view-controls button:hover{background:#30302a;color:#fff}.view-controls [aria-pressed=true]{border-color:var(--orange);background:#f768351c;color:#ffe0d0}.view-controls .zoom-controls button{font-size:22px;line-height:1}.zoom-controls{border-color:#45453b}.head-readout{border-color:#4b4b40;background:#20201cdb;color:#c8c8bd}.viewer-help{color:#b2b2a5;background:#191917c9}.speed-label{color:#b4b4a9}.speed-label select{border-color:#626255;border-radius:3px;background:#24241f;color:#f0f0e7}.demo-choices{counter-reset:workshop-demo;gap:18px}.demo-choice{position:relative;border-color:#41413b;border-radius:10px;background:linear-gradient(145deg,#242424,#1a1a1a);padding:26px 24px 24px;min-height:106px;box-shadow:0 7px 20px #00000010;color:#f0f0e8;transition:border-color .18s,background .18s}.demo-choice:before{counter-increment:workshop-demo;content:counter(workshop-demo,decimal-leading-zero) / "";position:absolute;right:22px;top:12px;font-size:9px;letter-spacing:1px;color:#85857d}.demo-choice:hover{border-color:#8b8b7c;background:linear-gradient(145deg,#2c2c29,#20201d)}.demo-choice[aria-pressed=true]{border-color:var(--orange);background:radial-gradient(ellipse at 0 0,#f7683514,transparent 75%),linear-gradient(145deg,#252520,#1d1d1a)}.shape-icon{color:#c4c4b7}.demo-choice[aria-pressed=true] .shape-icon{color:var(--orange)}.choice-copy strong{color:#f0f0e9;font-size:15px;letter-spacing:-.15px}.choice-copy small{color:#aaa99f;font-size:11px}.choice-play{color:var(--orange)}.demo-note{color:#939386;line-height:1.7;margin:17px 0 30px}.page-footer{margin-top:4px;border-color:#363630;background:#141414;padding:0 32px}.experience-footer-inner{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:85px;color:#a7a79c;font-size:10px;line-height:1.7}.experience-footer-inner a{display:flex;align-items:center;gap:23px;color:#d4d4c9}.experience-footer-inner a span{font-size:20px;color:var(--orange)}
/* The tube quote uses the same light paper surface and fields as the site's forms. */
.tube-quote-panel{color-scheme:light;color:#191919;background:#edede7;border-color:#d0d0c4;border-top:3px solid var(--orange);border-radius:12px;padding:28px 28px 24px;box-shadow:0 12px 30px #00000012}.tube-quote-heading .eyebrow{color:#665c4d;font-size:9px;letter-spacing:1.7px}.tube-quote-heading h2{color:#191919;font-size:34px;letter-spacing:-1.3px}.tube-quote-heading h2 span{color:#bc4a22}.tube-quote-heading>p:last-child{color:#5c5c51;font-size:12px;margin-bottom:23px}.tube-field{margin-bottom:15px}.tube-field label{color:#303027;font-size:11px;line-height:1.6}.tube-field label small{color:#666658;font-size:9px}.tube-field label>span:not(#tube-width-label){color:#a13614}.tube-field input,.tube-field select,.tube-field textarea{color:#21211c;background:#f6f6f133;border-color:#c4c4b9;border-radius:0;font-size:12px;min-height:43px;padding:10px 11px}.tube-field input::placeholder,.tube-field textarea::placeholder{color:#7d7d70}.tube-field :is(input,select,textarea):focus-visible{outline:2px solid #e2a38b;outline-offset:1px;border-color:#8d3f22}.tube-field textarea{min-height:72px}.tube-field input[type=file]{padding:6px;font-size:9px}.tube-field input[type=file]::file-selector-button{background:#20201b;border-radius:0;color:#f4f3ed}.tube-submit{border-radius:0;min-height:49px;padding:15px 18px;font-size:13px;justify-content:space-between;background:var(--orange);color:#141414}.tube-submit:after{content:"↗";font-size:21px;font-weight:400}.tube-submit:hover{background:#ff875f}.tube-clear{color:#59594b}.tube-file-status{color:#5b5b4f}.tube-form-status{color:#555549}.tube-form-status[data-kind=error]{color:#a13614}.tube-form-status[data-kind=success]{color:#295e35}.tube-form-note{color:#646455;font-size:10px;line-height:1.7}.tube-workspace .playback{background:#1c1c1a}
@media(max-width:900px){.page-header{padding:16px 24px;flex-wrap:wrap;gap:14px 26px}.experience-links{gap:23px}.experience-links .back{margin-left:0;padding-left:20px}.page-heading{padding-block:30px 27px}.page-heading h1{font-size:54px}}
@media(max-width:760px){.page-header{padding:15px 18px;gap:14px}.page-header .brand img{width:48px;height:48px}.page-header .brand strong{font-size:16px}.page-header .brand small{font-size:9px;letter-spacing:2.6px}.experience-links{width:100%;gap:25px;font-size:11px;justify-content:flex-start}.experience-links>a{min-height:34px}.experience-links .back{margin-left:auto;padding-left:0;border-left:0;font-size:10px;gap:9px}.experience-links .back span{font-size:18px}.page-heading{display:block;padding:26px 0 24px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:13px;gap:9px}.page-heading .eyebrow:before{width:20px}.page-heading h1{font-size:46px;letter-spacing:-1.6px}.page-heading>p{max-width:none;margin-top:17px;padding-left:14px;font-size:12px;line-height:1.6}.page-heading>p br{display:none}.tube-quote-panel{padding:25px 19px}.tube-quote-heading h2{font-size:32px}.tube-field label{font-size:10px}.tube-field input,.tube-field select,.tube-field textarea{min-height:45px}.demo-choices{gap:10px}.demo-choice{padding:23px 12px 14px;min-height:115px}.demo-choice:before{right:12px;top:10px;font-size:8px}.choice-copy strong{font-size:12px}.choice-copy small{font-size:9px}.page-footer{padding-inline:17px}.experience-footer-inner{min-height:85px;font-size:9px;gap:15px;align-items:flex-start;flex-direction:column;justify-content:center}.experience-footer-inner a{gap:14px}.speed-label select{min-height:43px}}
@media(max-width:360px){.experience-links{gap:17px;font-size:10px}.experience-links .back{font-size:9px}.page-heading h1{font-size:42px}.page-heading .eyebrow{font-size:7px}.tube-dimensions .tube-field label{font-size:8px}.tube-field input[type=file]{font-size:8px}}
@media(prefers-reduced-motion:reduce){.demo-choice,.experience-links>a{transition:none}}