@font-face{font-family:Display;src:url("assets/display.woff") format("woff");font-weight:700 900;font-display:swap}
@font-face{font-family:Text;src:url("assets/text.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Text;src:url("assets/text-bold.woff") format("woff");font-weight:600 900;font-display:swap}
@font-face{font-family:Mono;src:url("assets/mono.woff") format("woff");font-weight:400;font-display:swap}
:root{--steel:#babbbc;--ink:#232425;--blue:#0638db;--white:#f1f2f3;--line:rgba(31,35,33,.4);--light-x:50%;--light-y:40%;--scroll:0;--body-font:Text,Arial,sans-serif;--display-font:Display,"Arial Black",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;color:var(--ink);background:#777879;font-family:var(--body-font);font-size:16px;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
button{color:inherit}
button,a{outline-offset:5px}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #1649ff;outline-offset:5px}
img{display:block;width:100%;height:auto}
svg{display:block;width:24px;height:24px;flex-shrink:0}
button svg,a svg{pointer-events:none}
h1,h2,h3,p{margin:0}
::selection{background:#0638db;color:white}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;left:20px;top:-70px;background:var(--blue);color:#fff;padding:16px 22px}
.skip-link:focus{top:15px}
.site-shell{position:relative;max-width:1800px;margin:auto;overflow:clip;background:var(--steel);background-image:url("assets/grain.svg"),linear-gradient(105deg,#878889 0%,#d5d6d7 19%,#a0a1a2 45%,#d9dadb 74%,#999a9b 100%);box-shadow:0 0 50px #0005}
.mono{font-family:Mono,"Courier New",monospace;font-size:11px;letter-spacing:.06em}
.small-label{font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.4}
.engraved{font-family:var(--display-font);font-weight:900;color:#2a2b2c;letter-spacing:-.055em;text-shadow:-1px -1px 1px #121314,1px 2px 1px #eeeff0,2px 4px 5px #0005;-webkit-text-stroke:.55px #c8c9ca}
.metal-surface{background-image:url("assets/grain.svg"),linear-gradient(112deg,#d4d5d6 0%,#aaabac 22%,#d5d6d7 51%,#959697 77%,#cbcccd 100%)}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:14px 23px;font-size:12px;font-weight:700;letter-spacing:.13em;line-height:1.15;text-align:center;text-transform:uppercase;border:1px solid #d6def4;border-radius:6px 2px 6px 2px;isolation:isolate;transition:transform .25s,box-shadow .25s,filter .25s}
.button-blue{background:linear-gradient(155deg,#1453f4 0%,#0538c6 30%,#002288 100%);color:#fff;transform:skewX(-15deg);box-shadow:inset 0 1px 2px #fff9,inset 0 -3px 8px #00154099,1px 3px 0 #252d4d66,0 5px 8px #17265240}
.button-blue>*{transform:skewX(15deg)}
.button svg{width:19px;height:19px}
.button-blue:hover{filter:brightness(1.22);box-shadow:inset 0 1px 2px #fff9,inset 0 -3px 8px #00154099,1px 3px 0 #252d4d66,0 6px 18px #0a34b44d;transform:skewX(-15deg) translateY(-2px)}
.button-blue:active{transform:skewX(-15deg) translateY(2px);box-shadow:inset 0 2px 5px #00103c,0 1px 0 #fff8}
.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding:9px 0;font-size:14px;font-weight:700}
.text-link svg{width:19px;height:19px;transition:transform .25s}
.text-link:hover svg{transform:translateX(5px)}
.section-rail{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4.3%;border-top:1px solid #feffffa6;border-bottom:1px solid #4b4c4d66;box-shadow:0 1px 0 #f6f7f880}
.section-rail h2{font-size:11px;font-weight:700;letter-spacing:.14em}
.rail-mark{font-family:Mono,monospace;font-size:11px;opacity:.75}

/* Machined navigation */
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:25px;height:69px;padding:0 3.2%;background:#c5c6c7;background-image:url("assets/grain.svg"),linear-gradient(100deg,#b3b4b5,#eff0f1 44%,#aaabac);border-bottom:1px solid #4d4e4f;box-shadow:0 2px 1px #feffff9c,0 3px 13px #0002}
.brand{font-family:var(--display-font);font-size:22px;font-weight:900;letter-spacing:-.065em;white-space:nowrap;line-height:1}
.brand-dot{font-family:Text,sans-serif;font-size:9px;display:inline-block;vertical-align:top;margin:1px 0 0 4px;letter-spacing:0}
.header-descriptor{font-size:10px;font-weight:700;letter-spacing:.15em;white-space:nowrap;padding-left:24px;border-left:1px solid #545556}
.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto;white-space:nowrap}
.main-nav a{position:relative;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:12px 0}
.main-nav a:after{position:absolute;content:"";bottom:4px;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.main-nav a:hover:after{transform:scaleX(1)}
.header-cta{min-height:38px;min-width:148px;padding:10px 19px;font-size:10px;gap:14px}
.menu-toggle{display:none}
.reading-progress{position:absolute;bottom:-2px;left:0;height:2px;background:var(--blue);width:calc(var(--scroll)*100%);pointer-events:none;box-shadow:0 0 7px #003dff}

/* PRESSFORM — one continuous metal shell */
.hero{position:relative;background-image:url("assets/grain.svg"),linear-gradient(100deg,#a4a5a6,#d1d2d3 30%,#a9aaab 55%,#dadbdc 82%,#9b9c9d);isolation:isolate}
.hero:after{content:"";position:absolute;inset:0 0 44%;z-index:4;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#fff9 0%,#fff0 56%);opacity:.6}
.hero-sculpture{height:clamp(126px,17.6vw,275px);position:relative;overflow:hidden;margin-bottom:-2vw;z-index:1}
.hero-sculpture img{height:100%;object-fit:cover;object-position:center 48%;mask-image:linear-gradient(#000 75%,#0000 100%)}
.hero-title-wrap{position:relative;padding:0 3%;z-index:3}
.hero-title{position:relative;font-size:clamp(57px,14.65vw,260px);line-height:.95;text-align:center;white-space:nowrap;letter-spacing:-.07em;transform:skewX(-7deg) scaleY(1.14);transform-origin:center;-webkit-text-stroke:1px #d4d5d6;text-shadow:-2px -2px 2px #0e0f10,2px 3px 2px #f4f5f6,4px 7px 10px #0006}
.hero-tagline{display:flex;align-items:center;justify-content:center;gap:28px;margin:33px 1.5% 26px}
.hero-tagline p{font-size:clamp(10px,1.5vw,23px);font-weight:700;letter-spacing:.19em;white-space:nowrap}
.hero-tagline>span{height:1px;background:#2c2d2e;box-shadow:0 1px #fff8;flex:1}
.photo-aperture{position:relative;isolation:isolate;overflow:hidden;border:2px solid #e2e3e4;background:#292a2b;box-shadow:0 -4px 6px #1b1c1d7d,0 3px 2px #f3f4f5,0 9px 12px #17181940}
.hero-photo{height:clamp(196px,21vw,360px);margin:0 -4px;border-radius:90px 5px 90px 5px;transform:skewX(-6deg)}
.photo-aperture>img{height:100%;object-fit:cover;object-position:center;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.hero-photo>img{transform:skewX(6deg) scale(1.04);object-position:center 53%}
.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#060708b3 0%,transparent 45%);pointer-events:none}
.photo-stamp{position:absolute;bottom:28px;left:6%;display:flex;align-items:center;gap:12px;color:#eff0f1;font-size:11px;font-weight:700;letter-spacing:.12em;transform:skewX(6deg)}
.photo-stamp i{width:7px;height:7px;background:#edeeef;border-radius:50%;box-shadow:0 0 11px #f9fafb}
.photo-scroll{position:absolute;display:flex;align-items:center;gap:20px;bottom:20px;right:6%;color:#fff;font-size:10px;font-weight:700;letter-spacing:.17em;transform:skewX(6deg)}
.photo-scroll svg{padding:9px;width:45px;height:45px;border:1px solid #fff7;border-radius:50%;transition:background .3s}
.photo-scroll:hover svg{background:#0638db}
.hero-underbar{display:flex;align-items:center;justify-content:space-between;padding:20px 4.3%;font-size:10px;font-weight:700;letter-spacing:.14em;border-bottom:1px solid #53545580;box-shadow:0 1px #feffffe0}

/* The service workbench */
.services{position:relative;padding-bottom:0}
.service-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr) minmax(0,.9fr);gap:3.4%;padding:48px 4.3% 39px 0;position:relative}
.mechanical-stage{min-width:0;position:relative;align-self:stretch}
.mechanical-intro{padding-left:13%;position:relative;z-index:2}
.mechanical-intro .small-label{display:block;margin-bottom:15px}
.mechanical-intro>p{font-size:clamp(28px,3.65vw,63px);line-height:.95;letter-spacing:-.055em}
.rotor-housing{position:relative;width:124%;aspect-ratio:1;margin:27px 0 -8px -20%;isolation:isolate}
.rotor-ruler{position:absolute;inset:2.2%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#48494abb 0deg .3deg,transparent .3deg 4deg);mask-image:radial-gradient(transparent 66.2%,#000 66.5%,#000 70%,transparent 70.4%);opacity:.6}
.rotor-button{border:0;background:transparent;padding:0;display:block;position:relative;width:100%;height:100%;border-radius:50%;touch-action:pan-y;cursor:grab}
.rotor-button:active{cursor:grabbing}
.rotor-button:focus-visible{outline-offset:-30px}
.rotor-image{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;filter:drop-shadow(5px 13px 10px #14151670);transform:rotate(var(--rotor-angle,0deg));transition:transform 2s cubic-bezier(.15,.8,.15,1),opacity .55s,filter .55s;user-select:none}
.rotor-button.dragging .rotor-image{transition:opacity .5s;cursor:grabbing}
.rotor-cross{position:absolute;width:17px;height:17px;z-index:3;pointer-events:none}
.rotor-cross:before,.rotor-cross:after{content:"";background:#3c3d3e;position:absolute}
.rotor-cross:before{left:8px;top:0;bottom:0;width:1px}.rotor-cross:after{left:0;right:0;top:8px;height:1px}
.cross-top{right:14%;top:6%}.cross-bottom{bottom:4%;left:22%}
.orbit-label{position:absolute;z-index:3;left:61%;bottom:0;white-space:nowrap;font-size:9px;transform:rotate(-8deg);transform-origin:left}
.mechanical-caption{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:32px 0 0 13%;font-size:9px;font-weight:700;letter-spacing:.1em}
.mechanical-caption svg{width:19px;height:19px}
.mechanical-caption>.mono{margin-left:auto;opacity:.4;font-size:22px}
.diagnostic-overlay{position:absolute;inset:25%;display:flex;align-items:center;justify-content:center;color:#0739ce;opacity:0;pointer-events:none;transition:opacity .35s}
.diagnostic-overlay svg{width:90%;height:auto;filter:drop-shadow(0 2px 1px #fbfcfd)}
.diagnostic-overlay span{position:absolute;left:-20%;right:-20%;height:2px;top:20%;background:#174cff;box-shadow:0 0 16px 5px #003cff77;opacity:0}
.mechanical-stage[data-mode="diagnostics"] .rotor-image{opacity:.36}
.mechanical-stage[data-mode="diagnostics"] .diagnostic-overlay{opacity:1}
.mechanical-stage[data-mode="diagnostics"] .diagnostic-overlay span{animation:scan 2.2s ease-in-out 1}
.mechanical-stage[data-mode="maintenance"] .rotor-image{filter:drop-shadow(5px 13px 10px #14151670) drop-shadow(0 0 8px #1d4dff99)}
.spring-overlay{position:absolute;inset:12% 34%;pointer-events:none;opacity:0;transform:rotate(-13deg);transition:opacity .4s;filter:drop-shadow(6px 9px 6px #0007)}
.spring-overlay svg{width:100%;height:100%}
.mechanical-stage[data-mode="suspension"] .rotor-image{opacity:.25}
.mechanical-stage[data-mode="suspension"] .spring-overlay{opacity:1}
.mechanical-stage[data-mode="suspension"] .spring-coils{transform-origin:90px 150px;animation:compress 1.5s cubic-bezier(.2,.7,.2,1)}
.service-selector{min-width:0;padding-top:6px}
.service-instruction{font-size:9px;letter-spacing:.12em;margin-bottom:14px;opacity:.75}
.service-tab{width:100%;display:flex;align-items:center;gap:14px;padding:20px 0 19px;border:0;border-top:1px solid #53545577;border-bottom:1px solid #fcfdfe88;background:transparent;text-align:left;position:relative;transition:color .25s}
.service-tab:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.tab-index{font-size:9px;align-self:flex-start;margin-top:5px;opacity:.66}
.tab-name{font-family:var(--display-font);font-size:clamp(21px,2.55vw,44px);line-height:1;letter-spacing:-.065em;text-shadow:0 1px 0 #fbfcfd}
.service-tab svg{margin-left:auto;width:20px;height:20px;transition:transform .3s,opacity .3s;opacity:.25}
.service-tab:hover{color:#0031b1}
.service-tab:hover svg{transform:translateX(4px);opacity:1}
.service-tab.is-active{color:#072f9d}
.service-tab.is-active:after{transform:scaleX(1)}
.service-tab.is-active svg{opacity:1}
.service-details{padding-top:28px;min-height:247px}
.detail-heading{display:flex;align-items:center;gap:10px}
.detail-heading h3{font-size:14px;font-weight:700;letter-spacing:.045em}
.detail-light{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px #1647e766;flex-shrink:0}
.service-details>p:not(.service-inclusions){font-size:15px;line-height:1.55;max-width:340px;margin:13px 0 17px}
.service-inclusions{font-size:9px;line-height:1.7;opacity:.8}
.service-details .text-link{font-size:12px;margin-top:8px}
.service-seal{display:flex;gap:19px;align-items:center;margin-top:20px;padding-top:24px;border-top:1px solid #6b6c6d66;color:#4a4b4c}
.service-seal svg{width:77px;height:55px;filter:drop-shadow(1px 2px 0 #fbfcfd)}
.service-seal>span{font-weight:700;letter-spacing:.14em;font-size:10px;line-height:1.7}
.visit-plate{position:relative;margin:0 0 0 4px;align-self:start;padding:28px 26px 36px;border:1px solid #f2f3f4;border-radius:45px 8px 36px 12px;background-image:url("assets/grain.svg"),linear-gradient(112deg,#929394 0%,#e1e2e3 17%,#c9cacb 48%,#a7a8a9 83%,#dadbdc);box-shadow:-9px 5px 11px #2b2c2d88,2px 5px 5px #0006,inset 2px 1px 3px #feffffc4,inset -2px -2px 7px #2b2c2d80;transform:rotate(1deg);z-index:3;scroll-margin-top:110px}
.visit-plate:before{content:"";position:absolute;inset:2% auto 3% -21px;width:27px;z-index:-1;background:linear-gradient(90deg,#000c38,#003ee9 75%,#111a45);clip-path:polygon(85% 0,100% 0,100% 100%,85% 100%,0 78%,10% 44%);filter:drop-shadow(-2px 0 1px #b7c4ff)}
.visit-topline{display:flex;justify-content:space-between;gap:10px;margin:0 2px 21px}
.visit-topline .mono{font-size:8px;white-space:nowrap}
.plate-number{opacity:.6}
.visit-plate h2{font-size:clamp(44px,4.75vw,79px);line-height:.82;letter-spacing:-.055em;margin-bottom:30px}
.title-period{color:#0638db;-webkit-text-stroke:0;text-shadow:none}
.screw{position:absolute;display:block;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#f0f1f2,#6d6e6f 53%,#bcbdbe);border:1px solid #878889;box-shadow:0 1px 1px #fff9;z-index:2}
.screw:after{content:"";position:absolute;height:1px;background:#4e4f50;left:1px;right:1px;top:2px;transform:rotate(-30deg)}
.screw-tl{left:18px;top:16px}.screw-tr{right:16px;top:16px}.screw-bl{left:18px;bottom:16px}.screw-br{right:16px;bottom:16px}
.field{margin:0 0 17px;position:relative}
.field label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:6px}
.field label>span{color:#48494a}
.field input,.field textarea,.field select{display:block;width:100%;max-width:100%;border:1px solid #7c7d7e;border-top-color:#444546;border-radius:9px;background:#cccdce4d;background-image:linear-gradient(125deg,#9495965e,#eaebec47 55%,#b2b3b439);box-shadow:inset 0 2px 4px #2b2c2d4d,0 1px 1px #feffffb3;color:#252627;padding:10px 12px;line-height:1.35;font-size:14px;transition:box-shadow .2s,border-color .2s}
.field input,.field select{height:42px}
.field textarea{resize:vertical;min-height:65px;max-height:150px}
.field input::placeholder,.field textarea::placeholder{color:#535455;opacity:.85;font-size:12px}
.field select{font-size:12px;font-weight:700;appearance:auto}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#0638db;box-shadow:inset 0 2px 4px #2b2c2d4d,0 0 0 1px #0638db}
.field [aria-invalid="true"]{border-color:#a52b17;box-shadow:0 0 0 1px #a52b17}
.field-error{color:#84200e;font-size:11px;font-weight:700;margin-top:5px;line-height:1.4}
.field-error:empty{display:none}
.visit-submit{width:100%;font-size:13px;gap:12px;margin:2px 0 0;min-height:48px;padding:12px 10px}
.form-disclosure{font-size:10px;line-height:1.45;margin-top:14px;color:#3f4041}
.service-bottomline{display:flex;align-items:center;justify-content:center;gap:32px;padding:24px 4.3% 28px;border-top:1px solid #7d7e7f77;box-shadow:inset 0 1px 0 #fcfdfe;position:relative}
.service-bottomline>span{height:1px;background:#434445;flex:1;box-shadow:0 1px #fcfdfe}
.service-bottomline p{font-size:clamp(12px,1.4vw,21px);font-weight:700;letter-spacing:.16em;text-align:center}

/* Beneath the steel: the cobalt inner body */
.approach{position:relative;isolation:isolate;color:#eaf0ff;background:#012a9d;background-image:url("assets/grain.svg"),radial-gradient(ellipse at 82% 5%,#3465f3 0%,#0b3cc9 23%,#012b9e 52%,#000c39 100%);padding:35px 0 0;box-shadow:inset 0 16px 18px #0008,inset 0 -8px 19px #0008;overflow:hidden}
.blue-crease{position:absolute;left:-5%;right:-5%;top:-28px;height:65px;background:linear-gradient(180deg,#b7b8b9 0%,#fbfcfd 18%,#b4b5b6 30%,#68696a 62%,#08151a 65%,#3b70ff 72%,#00154c 83%,transparent);border-radius:0 0 55% 5%;transform:rotate(-2deg);box-shadow:0 12px 22px #0005;z-index:3}
.approach .section-rail{border:0;box-shadow:none;padding-bottom:13px}
.approach .section-rail .mono{font-size:10px;letter-spacing:.09em}
.approach .section-rail .rail-mark{opacity:.6}
.approach-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;padding:50px 7% 65px}
.approach-statement h2{font-family:var(--display-font);font-size:clamp(54px,6.75vw,112px);font-weight:900;line-height:.86;letter-spacing:-.067em;text-shadow:1px 4px 3px #0006}
.approach-statement h2>span{color:#bacdfa;-webkit-text-stroke:1px #e0e8fa}
.approach-statement>p{font-size:17px;line-height:1.55;max-width:285px;margin:25px 0 22px;color:#c9d5f7}
.approach-line{display:flex;gap:15px;align-items:center;width:78%;opacity:.6}
.approach-line>span{height:1px;background:#97b3ff;flex:1}
.approach-line svg{width:18px;height:18px}
.process{padding-top:5px}
.process>.small-label{font-size:10px;letter-spacing:.13em;opacity:.75;margin-bottom:25px}
.process-step{border-top:1px solid #c2d3ff66;padding:0 0 0}
.process-step:last-child{border-bottom:1px solid #c2d3ff66}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.process-step summary{display:flex;align-items:center;gap:19px;min-height:92px;padding:22px 0}
.process-number{font-family:var(--display-font);font-size:36px;line-height:1;color:#7799ee;letter-spacing:-.06em;min-width:48px;transition:color .3s}
.process-step h3{font-family:var(--display-font);font-size:clamp(16px,1.65vw,27px);line-height:1.1;letter-spacing:-.055em}
.process-step summary>svg{width:19px;height:19px;margin-left:auto;transition:transform .3s;opacity:.75}
.process-step[open] summary>svg{transform:rotate(45deg)}
.process-step[open] .process-number{color:#f1f4ff}
.process-copy{padding:0 28px 28px 67px}
.process-copy>p{font-size:15px;line-height:1.6;color:#dce5ff;max-width:350px}
.process-copy .mono{display:block;margin-top:16px;font-size:9px;line-height:1.5;color:#99b7ff}
.approval-stamp{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;padding:15px 18px;border:2px solid #90aff0;margin:41px 0 0 21px;transform:rotate(-4deg);color:#c1d3ff;position:relative}
.approval-stamp:before{content:"";position:absolute;inset:3px;border:1px solid #86a5e588}
.approval-stamp>svg{width:26px;height:26px}
.approval-stamp>div{font-family:var(--display-font);font-size:16px;letter-spacing:-.035em}
.approval-stamp>div>span{display:block;font-family:Text,sans-serif;font-size:8px;letter-spacing:.16em;margin-top:5px}
.stamp-code{font-size:10px;border-left:1px solid #9bb9ff;padding-left:13px;text-align:center;margin-left:7px;line-height:1.5}
.approach-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 4.3% 25px;border-top:1px solid #b3c9ff33;gap:15px;color:#bbcfff}
.approach-bottom>span:nth-child(2){font-size:10px;font-weight:700;letter-spacing:.12em}
.approach-bottom .mono{font-size:9px}

/* The human side, through a second aperture */
.human-section{position:relative;background-image:url("assets/grain.svg"),linear-gradient(115deg,#a5a6a7,#dddedf 27%,#adaeaf 60%,#d8d9da)}
.human-ribbon{height:100px;background-image:url("assets/metal-sculpture.webp");background-size:100% auto;background-position:50% 65%;transform:rotate(180deg);box-shadow:0 6px 9px #0005;mask-image:linear-gradient(transparent,#000 26%)}
.human-head{display:flex;align-items:flex-start;gap:4%;padding:32px 6% 37px}
.human-head>.mono{padding-top:10px;flex:1;font-size:10px}
.human-head>h2{font-family:var(--display-font);font-size:clamp(30px,3.7vw,61px);line-height:.98;letter-spacing:-.055em;flex:2.1}
.human-mark{font-size:80px;line-height:.8;font-family:Text,sans-serif;margin-top:5px}
.human-photo{margin:0 2.5%;height:clamp(230px,25vw,400px);border-radius:80px 8px 80px 8px;transform:skewX(-5deg)}
.human-photo>img{transform:skewX(5deg) scale(1.04);object-position:center 43%}
.human-photo-caption{position:absolute;bottom:25px;left:4%;font-size:10px;font-weight:400;line-height:1.7;letter-spacing:.14em;color:#f5f6f7;transform:skewX(5deg)}
.human-photo-caption strong{font-size:15px;font-weight:700;letter-spacing:.09em}
.human-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:34px 6% 44px}
.human-bottom>p{font-size:16px;line-height:1.45}
.human-bottom .text-link{font-size:14px}

/* Machined vent questions */
.questions{display:grid;grid-template-columns:.85fr 1.3fr;gap:8%;padding:62px 6% 57px;border-top:1px solid #7f808199;box-shadow:inset 0 1px #f6f7f8}
.questions-intro{position:relative}
.questions-intro>.mono{display:block;font-size:10px;margin-bottom:23px}
.questions-intro h2{font-size:clamp(34px,4.15vw,68px);line-height:.91;position:relative;z-index:1}
.question-mark{position:absolute;right:1%;bottom:0;font-family:var(--display-font);font-size:150px;color:transparent;-webkit-text-stroke:1px #8b8c8d66;transform:rotate(13deg);pointer-events:none}
.faq-list{align-self:center}
.faq-item{border-top:1px solid #64656677;box-shadow:inset 0 1px 0 #fbfcfdaa}
.faq-item:last-child{border-bottom:1px solid #64656677}
.faq-item summary{display:flex;align-items:center;gap:24px;justify-content:space-between;min-height:83px;padding:23px 6px;font-size:17px;font-weight:700;line-height:1.25}
.faq-item summary svg{width:20px;height:20px;transition:transform .3s;flex-shrink:0}
.faq-item[open] summary svg{transform:rotate(45deg);color:var(--blue)}
.faq-item[open] summary{color:#082b7f}
.faq-item>p{font-size:15px;line-height:1.55;padding:0 35px 25px 6px;color:#3d3e3f;max-width:560px}

/* READY — the steel settles, the seam follows */
.ready{position:relative;isolation:isolate;padding:100px 4.5% 16px;background-image:url("assets/grain.svg"),linear-gradient(130deg,#aeafb0,#dcddde 35%,#bfc0c1 57%,#cfd0d1 77%,#969798);overflow:hidden}
.ready-sculpture{position:absolute;inset:-50px 0 auto;height:200px;background:url("assets/metal-sculpture.webp") center 27%/cover;opacity:.85;mask-image:linear-gradient(#000 30%,transparent 100%);z-index:-1}
.ready-topline{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:2;padding:0 2%}
.ready-topline>p{font-size:13px;font-weight:700;letter-spacing:.17em}
.ready h2{font-size:clamp(105px,27vw,466px);line-height:.99;letter-spacing:-.075em;text-align:center;transform:skewX(-9deg) scaleY(1.05);margin:18px 0 1px;-webkit-text-stroke:1px #e7e8e9;text-shadow:-2px -2px 2px #171819,2px 4px 1px #fbfcfd,5px 9px 9px #0007}
.cobalt-seam{position:relative;height:37px;margin:-12px -2% 0;clip-path:polygon(0 70%,17% 0,48% 30%,100% 90%,64% 100%,23% 53%);background:linear-gradient(180deg,#fff 0%,#748cc3 9%,#000724 14%,#002283 37%,#135cff 63%,#00114d 80%,#fafbfc 94%);box-shadow:0 5px 10px #0008;transform:skewX(-14deg)}
.cobalt-seam:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#a7c3ffbb,transparent);width:40%;transform:translateX(-150%)}
.ready.is-visible .cobalt-seam:after{animation:seam-travel 1.5s .32s cubic-bezier(.2,.7,.3,1) both}

/* Contact strip */
footer{background-image:url("assets/grain.svg"),linear-gradient(100deg,#c0c1c2,#d9dadb 44%,#aeafb0);border-top:1px solid #fbfcfd;box-shadow:0 -2px 0 #7c7d7e66;padding:0 3.8%}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 0 23px;border-bottom:1px solid #68696a66}
.footer-top .brand{font-size:19px}
.footer-top>span{font-size:10px;font-weight:700;letter-spacing:.1em;padding-left:26px;border-left:1px solid #656667;white-space:nowrap}
.footer-up{padding:8px;border:1px solid #6a6b6c;border-radius:50%}
.footer-up svg{width:17px;height:17px;transform:rotate(180deg)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0 22px;font-size:8px;font-weight:700;letter-spacing:.12em}
#motion-toggle{padding:4px 0;border:0;background:none;font-size:8px;font-weight:700;letter-spacing:.12em;display:flex;align-items:center;gap:6px;white-space:nowrap}
.motion-light{width:5px;height:5px;border-radius:50%;background:#0638db}
[aria-pressed="false"] .motion-light{background:#555657}

/* A draft, never a fictitious booking */
dialog{border:1px solid #f3f4f5;border-radius:22px 4px 22px 4px;padding:0;width:min(92vw,520px);max-height:90dvh;overflow:auto;background:#c9cacb;color:var(--ink);box-shadow:0 20px 100px #0009}
dialog::backdrop{background:#010819b8;backdrop-filter:blur(7px)}
.receipt{padding:36px 35px 25px;position:relative}
.dialog-close{position:absolute;right:14px;top:14px;border:1px solid #737475;border-radius:50%;background:#c7c8c9;padding:7px}
.dialog-close svg{width:18px;height:18px;transform:rotate(45deg)}
.receipt-brand{font-size:17px;padding-right:25px}
.receipt-eyebrow{margin:30px 0 15px;font-size:10px}
.receipt h2{font-size:clamp(40px,8vw,62px);line-height:.88}
.receipt-intro{font-size:14px;margin:18px 0 23px}
.receipt-details{margin:0;border-top:1px solid #757677}
.receipt-details>div{padding:13px 0;border-bottom:1px solid #95969777}
.receipt-details dt{font-size:9px;font-weight:700;letter-spacing:.12em;margin-bottom:5px}
.receipt-details dd{margin:0;font-size:16px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}
.receipt-notice{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.6;padding:19px 0;color:#373839}
.receipt-notice svg{width:20px;height:20px;color:var(--blue)}
.receipt .button{width:100%;min-height:48px;font-size:12px}
.receipt-actions{display:flex;justify-content:space-between;margin-top:21px}
.receipt-actions button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:5px 0}
.download-status{font-size:10px;line-height:1.5;margin-top:14px;color:#494a4b}
.download-status:empty{display:none}

@keyframes scan{0%{top:4%;opacity:0}18%{opacity:1}85%{opacity:1}100%{top:96%;opacity:0}}
@keyframes compress{0%,100%{transform:scaleY(1)}25%{transform:scaleY(.72)}47%{transform:scaleY(1.1)}65%{transform:scaleY(.95)}82%{transform:scaleY(1.02)}}
@keyframes seam-travel{from{transform:translateX(-150%)}to{transform:translateX(400%)}}
@keyframes entrance-light{0%{transform:translateX(-160%) skewX(-25deg);opacity:0}25%{opacity:.45}75%{opacity:.45}100%{transform:translateX(400%) skewX(-25deg);opacity:0}}
.hero-title-wrap:after{content:"";position:absolute;inset:-55px auto -15px;left:0;width:30%;background:linear-gradient(90deg,transparent,#fff9,transparent);pointer-events:none;mix-blend-mode:soft-light;opacity:0;animation:entrance-light 2.1s .4s both;z-index:5}
.reveal{transition:opacity .7s,translate .8s cubic-bezier(.2,.8,.2,1)}
.js .reveal:not(.is-visible){opacity:.45;translate:0 18px}
.reveal.is-visible{opacity:1;translate:0 0}

@media(min-width:1800px){.hero-title{font-size:260px}.hero-sculpture{margin-bottom:-36px}.tab-name{font-size:44px}}
@media(min-width:901px){
  .hero-photo{height:clamp(225px,25vw,452px)}
  .hero-photo>img{object-position:center 75%}
  .human-photo{height:clamp(300px,34vw,620px)}
  .human-photo>img{width:104%;max-width:none;margin-left:-2%;transform:skewX(5deg);object-position:center}
}
@media(max-width:1180px){
  .site-header{gap:19px;padding:0 3%}.header-descriptor{display:none}.main-nav{gap:24px}
  .service-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1fr) minmax(0,1fr);gap:2.8%;padding-right:3.5%}
  .tab-name{font-size:2.6vw}.tab-index{display:none}.service-tab{gap:8px;padding:20px 0}.service-tab svg{width:17px;height:17px}
  .mechanical-intro>p{font-size:3.7vw}.mechanical-intro .small-label{font-size:9px}.rotor-housing{margin-top:60px}
  .visit-plate{padding:27px 20px 31px}.visit-plate h2{font-size:5.4vw}.visit-topline .mono{font-size:7px}.plate-number{display:none}
  .service-instruction{font-size:8px}.service-details>p:not(.service-inclusions){font-size:14px}.service-details{min-height:250px}
  .service-seal{gap:12px}.service-seal svg{width:56px}.service-seal>span{font-size:8px}
  .footer-top{gap:15px}.footer-top>span{padding-left:18px;font-size:9px}.footer-top .brand{font-size:17px}
}
@media(max-width:900px){
  html{scroll-padding-top:83px}
  .site-header{height:63px;gap:17px}.brand{font-size:20px}.main-nav{gap:18px}.main-nav a{font-size:9px}.header-cta{font-size:9px;min-width:127px}
  .hero-sculpture{height:18.5vw;min-height:120px}.hero-title{font-size:14.6vw}.hero-tagline{gap:16px;margin:25px 1% 21px}.hero-tagline p{font-size:1.47vw;letter-spacing:.13em}
  .hero-photo{border-radius:60px 4px 60px 4px;min-height:190px}.photo-stamp{font-size:9px;left:7%}.photo-scroll{right:7%}
  .hero-underbar{font-size:8px;padding-top:17px;padding-bottom:17px}.hero-underbar .mono{display:none}
  .service-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;padding:37px 5% 45px}
  .mechanical-stage{grid-row:1;grid-column:1;margin-left:-17%}.mechanical-intro{padding-left:20%}.mechanical-intro>p{font-size:5vw}.mechanical-intro .small-label{font-size:9px}.rotor-housing{width:130%;margin:34px 0 -5px -21%}.mechanical-caption{margin-left:20%;font-size:8px}.orbit-label{font-size:7px;left:58%}
  .service-selector{grid-row:1;grid-column:2;padding-top:0}.service-instruction{font-size:9px}.service-tab{padding:18px 0}.tab-index{display:block}.tab-name{font-size:3.75vw}.service-tab svg{width:21px;height:21px}.service-details{min-height:211px;padding-top:20px}.service-seal{display:none}
  .visit-plate{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:.75fr 1.25fr;gap:0 7%;padding:35px 35px 35px 42px;margin:15px 0 0;border-radius:45px 8px 35px 12px;transform:rotate(.5deg)}
  .visit-topline{grid-column:1;margin-bottom:24px;height:10px}.visit-plate h2{grid-column:1;grid-row:2;font-size:9.5vw;align-self:start}.visit-plate form{grid-column:2;grid-row:1/4}.visit-topline .mono{font-size:9px}.visit-submit{font-size:14px}.field input,.field select{height:44px}.field label{font-size:11px}
  .service-bottomline{padding:23px 5%;gap:18px}.service-bottomline p{font-size:1.6vw;letter-spacing:.12em}
  .approach-grid{gap:7%;padding:40px 5% 55px;grid-template-columns:.95fr 1.05fr}.approach-statement h2{font-size:7.4vw}.approach-statement>p{font-size:15px}.process-step summary{gap:12px;min-height:82px}.process-number{font-size:28px;min-width:34px}.process-step h3{font-size:2vw}.process-copy{padding-left:46px;padding-right:0}.process-copy>p{font-size:14px}.process>.small-label{font-size:8px}.approval-stamp{margin-left:0;padding:12px}.approval-stamp>div{font-size:13px}.stamp-code{display:none}
  .human-head{padding:27px 5% 32px}.human-head>h2{font-size:4vw}.human-head>.mono{font-size:9px}.human-mark{font-size:56px}
  .human-photo{border-radius:55px 7px 55px 7px}.human-bottom{padding:29px 5% 34px}.human-bottom>p{font-size:14px}.human-bottom .text-link{font-size:12px}
  .questions{padding:45px 5%;gap:7%;grid-template-columns:.9fr 1.2fr}.questions-intro h2{font-size:4.7vw}.questions-intro>.mono{font-size:9px}.faq-item summary{font-size:15px;min-height:75px}.faq-item>p{font-size:14px;padding-right:15px}
  .ready{padding-top:80px}.ready-topline>p{font-size:11px}.ready-topline .button{font-size:10px;min-height:40px}.ready h2{font-size:27vw}.cobalt-seam{height:30px}
  .footer-top{flex-wrap:wrap;justify-content:flex-start;gap:20px}.footer-top>.brand{flex:1 0 70%}.footer-top>.footer-up{order:1;margin-left:auto}.footer-top>span{order:2;font-size:9px}.footer-top>span:nth-child(2){border-left:0;padding-left:0}.footer-bottom{font-size:7px}
}
@media(max-width:620px){
  html{scroll-padding-top:78px}
  .site-header{height:62px;padding:0 5%;gap:16px}.brand{font-size:17px}.brand-dot{font-size:7px;margin-left:2px}.header-cta{min-height:32px;min-width:103px;font-size:8px;letter-spacing:.09em;padding:9px 11px;margin-left:auto;gap:8px}.header-cta svg{display:none}
  .menu-toggle{display:flex;position:relative;flex-direction:column;justify-content:center;gap:5px;padding:8px 0 8px 5px;width:24px;height:34px;border:0;background:none}.menu-toggle span{display:block;width:19px;height:1.5px;background:#28292a;transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
  .main-nav{display:none;position:absolute;top:62px;left:0;right:0;margin:0;flex-direction:column;gap:0;background:#cdcecf;background-image:url("assets/grain.svg"),linear-gradient(100deg,#babbbc,#e3e4e5);padding:16px 5% 24px;box-shadow:0 9px 15px #0005;border-bottom:1px solid #fbfcfd}.main-nav.is-open{display:flex}.main-nav a{font-size:13px;letter-spacing:.09em;display:block;width:100%;padding:17px 8px;border-bottom:1px solid #65666766}
  .hero-sculpture{height:119px;margin-bottom:-5px}.hero-sculpture img{width:140%;max-width:none;margin-left:-20%;object-position:center 47%}.hero-title-wrap{padding:0 3.2%}.hero-title{font-size:14.6vw;line-height:1.05;-webkit-text-stroke:.6px #d4d5d6;text-shadow:-1px -1px 1px #0e0f10,1px 2px 1px #f4f5f6,2px 4px 5px #0006;transform:skewX(-7deg) scaleY(1.23)}
  .hero-tagline{margin:23px 2% 19px;gap:10px}.hero-tagline p{font-size:9px;line-height:1.65;letter-spacing:.15em;text-align:center;white-space:normal;max-width:248px}.hero-tagline>span{min-width:12px}
  .hero-photo{min-height:150px;height:48vw;max-height:290px;border-radius:49px 3px 49px 3px;transform:skewX(-4deg)}.hero-photo>img{width:100%;max-width:none;margin-left:0;transform:skewX(4deg) scale(1.02);object-position:57% center}
  .photo-stamp{left:8%;bottom:8px;font-size:8px;max-width:calc(100% - 48px);white-space:nowrap;line-height:1.4;letter-spacing:.08em;gap:8px}.photo-stamp i{width:5px;height:5px;flex-shrink:0}.photo-scroll{top:10px;bottom:auto;right:9%;font-size:8px;gap:8px}.photo-scroll>span{display:none}.photo-scroll svg{width:37px;height:37px;padding:8px}
  .hero-underbar{font-size:7px;letter-spacing:.1em;gap:20px;padding:17px 5%}
  .section-rail{padding:18px 5%;gap:15px}.section-rail .mono{font-size:8px}.section-rail h2{font-size:8px;letter-spacing:.08em}.rail-mark{display:none}
  .service-grid{grid-template-columns:minmax(0,1fr);gap:0;padding:0 6% 37px}
  .mechanical-stage{grid-row:2;grid-column:1;margin:0 -6.8%;height:360px;display:flex;align-items:center;overflow:hidden;border-top:1px solid #6f707155;border-bottom:1px solid #68696a66;box-shadow:inset 0 1px #fcfdfe66,inset 0 -1px #fcfdfe66}
  .mechanical-intro{position:absolute;top:32px;right:6%;width:39%;padding:0}.mechanical-intro>p{font-size:5.4vw}.mechanical-intro .small-label{font-size:7px;line-height:1.5;margin-bottom:12px}
  .rotor-housing{width:79%;flex-shrink:0;margin:12px 0 0 -18%;aspect-ratio:1}.rotor-image{inset:2%;width:96%;height:96%}.rotor-ruler{inset:0}.rotor-cross{display:none}.orbit-label{left:74%;bottom:5%;font-size:6px}.mechanical-caption{position:absolute;left:auto;right:6%;bottom:35px;max-width:35%;gap:8px;line-height:1.5;margin:0;font-size:7px;letter-spacing:.06em}.mechanical-caption>svg{width:20px;flex-shrink:0}.mechanical-caption>.mono{display:none}
  .service-selector{grid-row:1;grid-column:1;padding:28px 0 26px}.service-instruction{font-size:8px;letter-spacing:.12em;margin-bottom:16px}.service-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}.service-tab{padding:17px 0;gap:8px;min-width:0}.tab-index{display:none}.tab-name{font-size:4.5vw;letter-spacing:-.065em}.service-tab svg{width:14px;height:14px}.service-tab:after{height:2px}.service-details{min-height:0;padding-top:25px}.detail-heading h3{font-size:13px}.service-details>p:not(.service-inclusions){max-width:none;font-size:15px;line-height:1.5;margin:11px 0 14px}.service-inclusions{font-size:8px}.service-details .text-link{font-size:12px;margin-top:6px}
  .visit-plate{grid-row:3;grid-column:1;display:block;margin:34px 5px 0 11px;padding:30px 26px 35px;transform:rotate(.7deg);border-radius:40px 6px 30px 10px}.visit-topline{margin-bottom:19px;height:auto}.visit-topline .mono{font-size:8px}.plate-number{display:block}.visit-plate h2{font-size:16vw;line-height:.85;margin-bottom:27px}.visit-plate h2{max-width:270px}.field{margin-bottom:18px}.field label{font-size:10px}.field input,.field textarea,.field select{font-size:16px;padding:10px 12px}.field input,.field select{height:46px}.field input::placeholder,.field textarea::placeholder{font-size:12px}.field textarea{min-height:77px}.visit-submit{font-size:13px;height:49px}.form-disclosure{font-size:10px;max-width:270px}
  .service-bottomline{padding:23px 6%;gap:14px}.service-bottomline p{font-size:10px;line-height:1.6;letter-spacing:.15em;max-width:250px}.service-bottomline>span{min-width:12px}
  .approach{padding-top:30px}.blue-crease{height:55px;top:-28px}.approach .section-rail{padding:19px 6% 5px}.approach .section-rail .mono{font-size:8px}.approach .section-rail>.mono:nth-child(2){display:none}
  .approach-grid{display:block;padding:33px 7% 43px}.approach-statement h2{font-size:15.6vw;line-height:.89}.approach-statement>p{font-size:16px;max-width:300px;margin:22px 0}.approach-line{width:100%}.process{margin-top:44px}.process>.small-label{font-size:9px;margin-bottom:17px}.process-step summary{min-height:83px;gap:15px}.process-number{font-size:31px;min-width:40px}.process-step h3{font-size:5.1vw}.process-copy{padding-left:55px;padding-bottom:25px}.process-copy>p{font-size:15px;max-width:300px}.process-copy .mono{font-size:8px;line-height:1.7}.approval-stamp{margin:35px auto 0;padding:15px 17px;max-width:100%}.approval-stamp>div{font-size:15px}.approval-stamp>div>span{font-size:8px}.stamp-code{display:block}
  .approach-bottom{padding:18px 6% 21px;gap:12px}.approach-bottom .mono{font-size:7px}.approach-bottom>span:nth-child(2){display:none}
  .human-ribbon{height:82px;background-size:auto 200px}
  .human-head{padding:25px 6% 27px;flex-wrap:wrap;gap:20px}.human-head>.mono{flex:1 0 100%;padding:0;font-size:8px}.human-head>h2{font-size:6.8vw;flex:1 0 80%;line-height:1}.human-mark{font-size:45px;flex-basis:8%;margin-top:0}
  .human-photo{height:330px;margin:0 0;border-radius:45px 3px 45px 3px;transform:skewX(-3deg)}.human-photo>img{width:160%;margin-left:-32%;max-width:none;object-position:49% center;transform:skewX(3deg) scale(1.02)}.human-photo-caption{bottom:23px;left:8%;font-size:8px;letter-spacing:.1em}.human-photo-caption strong{font-size:11px}
  .human-bottom{align-items:flex-start;flex-direction:column;gap:18px;padding:26px 6% 33px}.human-bottom>p{font-size:15px;line-height:1.5}.human-bottom .text-link{font-size:13px}
  .questions{display:block;padding:35px 6% 35px}.questions-intro>.mono{font-size:8px;margin-bottom:22px}.questions-intro h2{font-size:10.7vw;line-height:.93;max-width:100%}.question-mark{right:12%;bottom:-5px;font-size:140px;opacity:.6}.faq-list{margin-top:30px}.faq-item summary{min-height:80px;font-size:16px;padding:22px 0;gap:22px}.faq-item summary svg{width:20px}.faq-item>p{font-size:15px;padding:0 15px 25px 0}
  .ready{padding:83px 5% 16px}.ready-sculpture{inset:-30px -40% auto;height:160px}.ready-topline{gap:12px;padding:0 1%}.ready-topline>p{font-size:8px;letter-spacing:.1em;max-width:120px;line-height:1.6}.ready-topline .button{min-height:36px;padding:10px 13px;font-size:9px;gap:12px}.ready-topline .button svg{width:15px;height:15px}.ready h2{font-size:25.4vw;margin:25px 0 4px;-webkit-text-stroke:.65px #e7e8e9;text-shadow:-1px -1px 1px #171819,1px 2px 1px #fbfcfd,2px 5px 5px #0007}.cobalt-seam{height:24px;margin-top:-1px}
  footer{padding:0 6%}.footer-top{padding:23px 0 22px;gap:17px}.footer-top>.brand{font-size:19px;flex:1 0 75%}.footer-top>.footer-up{padding:7px}.footer-top>span{font-size:8px;padding-left:0;border-left:0;letter-spacing:.07em;flex-basis:42%}.footer-top>span:nth-child(4){flex-basis:auto}.footer-bottom{flex-wrap:wrap;gap:17px;padding:20px 0 25px;font-size:7px}.footer-bottom>span:first-child{flex-basis:100%}#motion-toggle{margin-left:auto;font-size:7px}
  .receipt{padding:30px 25px 24px}.receipt-brand{font-size:16px}.receipt h2{font-size:clamp(34px,12vw,49px)}.receipt-details dd{font-size:15px}
}
@media(max-width:370px){
  .site-header{gap:11px}.brand{font-size:15px}.header-cta{min-width:91px;font-size:7px}.hero-tagline p{font-size:8px;max-width:230px}.tab-name{font-size:4.45vw}.tab-index{display:none}.visit-plate{padding:29px 21px 34px}.visit-submit{font-size:11px}.mechanical-stage{height:325px}.approval-stamp{padding:13px 12px}.approval-stamp>div{font-size:13px}.stamp-code{display:none}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-override){scroll-behavior:auto}html:not(.motion-override) *,html:not(.motion-override) *:before,html:not(.motion-override) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html:not(.motion-override).js .reveal:not(.is-visible){opacity:1;translate:0 0}}
.reduce-motion,.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.reduce-motion .reveal{opacity:1!important;translate:0 0!important}
@media print{.site-header,.hero,.services,.approach,.human-section,.questions,.ready,footer{display:none}dialog{display:block;position:static;max-height:none;width:100%;border:none;box-shadow:none}.dialog-close,.receipt .button,.receipt-actions,.download-status{display:none}dialog:not([open]){display:none}}

/* Independent service scenes, retaining the pressed-metal workbench. */
.service-photo{position:absolute;inset:0;margin:0;overflow:hidden;background:#a7aaa9;clip-path:polygon(0 4%,96% 0,100% 96%,4% 100%);box-shadow:inset 0 0 0 1px #3a3d3e55}
.service-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.service-photo[hidden],.service-photo img[hidden],.rotor-button[hidden],.image-status[hidden]{display:none!important}
.image-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#343737;font-size:10px;letter-spacing:.08em}
.mechanical-stage:not([data-mode="brakes"]) .rotor-housing{width:100%;margin:27px 0 12px;aspect-ratio:1}
.mechanical-stage:not([data-mode="brakes"]) .rotor-ruler,.mechanical-stage:not([data-mode="brakes"]) .rotor-cross,.mechanical-stage:not([data-mode="brakes"]) .diagnostic-overlay,.mechanical-stage:not([data-mode="brakes"]) .spring-overlay,.mechanical-stage:not([data-mode="brakes"]) .orbit-label{display:none}
.mechanical-stage:not([data-mode="brakes"]) .mechanical-caption>svg,.mechanical-stage:not([data-mode="brakes"]) .mechanical-caption>.mono{display:none}
@media(max-width:620px){
 .service-selector{display:grid;grid-template-columns:minmax(0,1fr)}
 .service-selector>.service-instruction{order:-1}
 .service-tabs{display:contents}
 #tab-brakes{order:0}
 #tab-diagnostics{order:3}
 #tab-maintenance{order:6}
 #tab-suspension{order:9}
 .service-selector>.mechanical-stage{grid-row:auto;grid-column:1;order:1;margin:22px 0 0;height:330px;width:100%;border:0;box-shadow:none;position:relative}
 .service-selector>.service-details{grid-column:1;order:2;padding-bottom:26px}
 .service-selector:has(#tab-diagnostics[aria-selected="true"])>.mechanical-stage{order:4}
 .service-selector:has(#tab-diagnostics[aria-selected="true"])>.service-details{order:5}
 .service-selector:has(#tab-maintenance[aria-selected="true"])>.mechanical-stage{order:7}
 .service-selector:has(#tab-maintenance[aria-selected="true"])>.service-details{order:8}
 .service-selector:has(#tab-suspension[aria-selected="true"])>.mechanical-stage{order:10}
 .service-selector:has(#tab-suspension[aria-selected="true"])>.service-details{order:11}
 .service-selector>.mechanical-stage:not([data-mode="brakes"]){height:auto;display:block;overflow:visible}
 .service-selector>.mechanical-stage:not([data-mode="brakes"]) .mechanical-intro,.service-selector>.mechanical-stage:not([data-mode="brakes"]) .mechanical-caption{display:none}
 .service-selector>.mechanical-stage:not([data-mode="brakes"]) .rotor-housing{width:100%;margin:0;aspect-ratio:1}
}