:root{--night:#10191e;--paper:#e9eef2;--ink:#11212d;--ice:#b9e9fb;--line:rgba(218,240,250,.4);font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--night);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:20px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #4fa4ce;outline-offset:7px}img{max-width:100%}.mono{font-family:'IBM Plex Mono',monospace;font-size:.75rem;line-height:1.7;letter-spacing:.105em;text-transform:uppercase}.skip-link{position:absolute;top:-100px;left:20px;background:white;padding:14px;z-index:20}.skip-link:focus{top:10px}.hero{position:relative;isolation:isolate;min-height:960px;color:white;overflow:hidden;background:#172329}.hero-film,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.hero-film{object-fit:cover;object-position:50% 58%;filter:grayscale(1) contrast(1.05);transform:scale(1.01)}.hero-shade{z-index:-2;background:linear-gradient(180deg,rgba(9,16,19,.64) 0%,rgba(9,16,19,.11) 32%,rgba(9,16,19,.04) 50%,rgba(9,16,19,.63) 100%),linear-gradient(90deg,rgba(9,16,19,.25),transparent 65%)}.header{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:30px 4.6%;gap:30px}.wordmark{font-size:2rem;letter-spacing:-.09em;white-space:nowrap;line-height:1;display:block}.wordmark img{display:block;height:44px;width:auto}.wordmark span{font-weight:400}.wordmark b{font-weight:800;letter-spacing:-.065em}/* Original site navigation, styled for the editorial cover. */
.desktop-nav{display:flex;gap:clamp(18px,2.2vw,36px);align-items:center;font-size:.8125rem;margin-left:auto;white-space:nowrap}
.desktop-nav a{position:relative;padding:12px 0}
.desktop-nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.desktop-nav a:hover:after{transform:scaleX(1)}
.header-contact{display:inline-flex;align-items:center;gap:18px;flex-shrink:0;white-space:nowrap;border:1px solid #d5eaf370;padding:12px 16px;font-size:.8125rem;transition:background .2s,border-color .2s}
.header-contact:hover{background:#d5eaf315;border-color:#d5eaf3}
.menu-toggle{display:none}
.mobile-nav{position:absolute;left:4.6%;right:4.6%;top:calc(100% - 8px);background:#111e26f7;padding:24px 28px;border:1px solid #6e8794;box-shadow:0 20px 60px #0006;max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}
.mobile-nav-heading{display:block;color:#9bbccf;font-size:.6875rem;margin-bottom:14px}
.mobile-nav-links{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}
.mobile-nav a{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;line-height:1.3;padding:13px 0;border-bottom:1px solid #90aeb52e}
.mobile-nav a span{font-size:.875rem;color:#a6c8dc}
.mobile-nav a:hover{color:var(--ice)}
.mobile-nav a:focus-visible{outline-offset:2px}
.mobile-nav .mobile-nav-contact{margin-top:18px;border:0;color:var(--ice);font-size:.875rem}
@media(max-width:1100px){.header{gap:24px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex;align-items:center;gap:28px;background:none;border:0;min-height:44px;padding:8px 0;font-size:.8rem}.menu-toggle span{font-size:1.4rem;line-height:1}}
@media(max-width:760px){.mobile-nav{left:6%;right:6%;padding:20px 24px}.mobile-nav-links{grid-template-columns:1fr}}
.hero-composition{position:relative;min-height:860px;padding:18px 4.6% 100px}h1{margin:0;font-weight:400;line-height:1}.make-the{display:block;font-size:clamp(2rem,4.8vw,4.9rem);letter-spacing:-.055em;font-weight:400;line-height:1.05}.invisible{display:block;font-size:clamp(8.5rem,17.4vw,18rem);font-weight:800;line-height:.96;letter-spacing:-.07em;margin-left:-.009em}.measurable{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(8rem,17vw,17.5rem);letter-spacing:-.065em;line-height:1;margin-top:clamp(240px,22vw,380px);position:relative;z-index:2}.index-label{position:absolute;top:calc(14px + 23.5vw);left:4.6%;width:20%;max-width:230px;border-bottom:1px solid var(--line);padding:0 0 10px;color:#e1edf3}.mode-label{position:absolute;right:0;top:calc(20px + 17vw);width:16%;border-bottom:1px solid var(--line);padding-bottom:12px}.hero-caption{position:absolute;bottom:177px;right:4.6%;width:20%;z-index:3}.hero-caption p{font-size:clamp(1rem,1.8vw,1.5rem);line-height:1.22;letter-spacing:-.035em;margin:0 0 44px}.line-link{display:inline-flex;gap:25px;justify-content:space-between;align-items:center;border-bottom:1px solid currentColor;padding-bottom:9px;transition:opacity .25s}.line-link span{display:inline-block;font-family:Manrope,Arial,sans-serif;font-size:1.1rem;transition:transform .25s}.line-link:hover span{transform:translate(3px,-3px)}.transition-caption{position:absolute;right:4.6%;bottom:30px;padding:8px 0 8px 25px;border-left:1px solid #d2ecf980;color:#bdd5e1;line-height:1.8;text-transform:none;font-size:.8rem;letter-spacing:.025em;z-index:3;width:18.5%}.motion-control{position:absolute;left:4.6%;bottom:33px;border:1px solid #cadfea60;background:#12242c60;border-radius:30px;padding:7px 12px;font-size:.6875rem;color:#d6e6ee;z-index:4;text-transform:none;letter-spacing:.03em}.signal-thread{position:absolute;pointer-events:none;overflow:visible;color:#b6eaff;z-index:2}.hero-thread{inset:0;width:100%;height:100%}.signal-thread path{fill:none;stroke-linecap:round;stroke-linejoin:round}.thread-core{stroke:#d3f4ff;stroke-width:1.8}.thread-glow{stroke:#64d0ff;stroke-width:5;opacity:.9}.signal-thread circle{fill:#e0f8ff;filter:drop-shadow(0 0 8px #6fd9ff)}
.trace-baseline{stroke:#b6eaff;stroke-width:1;stroke-dasharray:3 7;opacity:.4}
@media(max-width:760px){.qcm-trace.hero-thread{height:80%}}
.trace-overtone{stroke:#a9e4ff;stroke-width:1}.trace-n5{opacity:.6}.trace-n7{opacity:.42}
.qcm-trace .thread-core,.qcm-trace .thread-glow,.qcm-trace .trace-overtone{stroke-dasharray:1000;stroke-dashoffset:1000;animation:trace-draw 3.2s cubic-bezier(.3,.5,.3,1) .4s forwards}
.qcm-trace .trace-n5{animation-delay:.55s}.qcm-trace .trace-n7{animation-delay:.7s}
.qcm-trace .trace-end{opacity:0;animation:trace-appear .5s ease-out 3.4s forwards}
@keyframes trace-draw{to{stroke-dashoffset:0}}@keyframes trace-appear{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.qcm-trace path{animation:none;stroke-dashoffset:0}.qcm-trace .trace-end{animation:none;opacity:1}}.instrument-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 37%,#f9fcff,var(--paper) 63%,#d4dce3 100%);min-height:840px;padding:54px 4.6% 95px;margin-top:-38px;clip-path:polygon(0 0,100% 55px,100% 100%,0 100%);overflow:hidden;transition:background .6s,color .6s;z-index:3}.instrument-identification{position:relative;z-index:4;margin-top:15px}.instrument-identification h2{font-size:1.35rem;letter-spacing:-.04em;font-weight:700;margin:0}.instrument-identification p{margin:2px 0 0;color:#576e7d;letter-spacing:.16em}.product-stage{position:relative;z-index:2;width:78%;margin:55px 0 0 -4%;}.product-image{width:100%;display:block;object-fit:contain;filter:drop-shadow(0 26px 20px #101e2a30);mix-blend-mode:screen}.product-stage:after{content:'';position:absolute;bottom:4%;left:10%;width:78%;height:20px;background:#11263424;filter:blur(18px);border-radius:50%;z-index:-1}.instrument-copy{position:absolute;right:4.6%;top:160px;width:24%;padding-left:27px;border-left:1px solid #8db6cc90;z-index:4}.instrument-copy h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.1rem,4.4vw,4.6rem);font-weight:500;letter-spacing:-.055em;line-height:.96;margin:0 0 22px}.instrument-copy h3 em{font-style:normal}.instrument-copy>p{font-size:1.05rem;line-height:1.4;letter-spacing:-.025em;margin:0 0 34px;color:#4b606f}.device-tabs{display:flex;gap:21px;align-items:center;font-size:.875rem;margin:0 0 25px;letter-spacing:.06em}.device-tabs button{border:0;background:transparent;padding:7px 0;border-bottom:1px solid transparent}.device-tabs button[aria-pressed=true]{border-color:currentColor}.device-tabs span{color:#526674}.product-link{font-size:.6875rem;margin-top:3px}.instrument-copy .product-link,.instrument-copy .family-link{display:flex;width:max-content}.family-link{font-size:.6875rem;margin-top:18px;color:#4b606f}.instrument-section.alternate .family-link{color:#a8c6d8}.instrument-specs{position:absolute;bottom:60px;left:4.6%;right:4.6%;display:flex;gap:24px;justify-content:space-between;border-top:1px solid #9aaebc80;padding-top:18px;color:#526d7e;font-size:.78rem}.instrument-section.alternate{background:radial-gradient(ellipse at center,#243b48,#101c25 76%);color:#e5f3fc}.instrument-section.alternate .instrument-identification p,.instrument-section.alternate .instrument-copy>p,.instrument-section.alternate .instrument-specs{color:#a8c6d8}.instrument-section.alternate .instrument-section.alternate .product-image{mix-blend-mode:screen;filter:none}.instrument-section.has-cutout:not(.alternate) .product-image{mix-blend-mode:normal}.open-section{position:relative;isolation:isolate;min-height:430px;padding:80px 4.6% 64px;margin-top:-30px;color:#f4fbff;overflow:hidden;background:#14222b;clip-path:polygon(0 0,100% 42px,100% 100%,0 100%);z-index:4}.open-texture{position:absolute;inset:0;background-image:linear-gradient(180deg,#14252b55,#07151bea),url('assets/molecular-surface.jpg.webp');background-size:cover,100% 500%;background-position:center,bottom;filter:grayscale(1);z-index:-2}.open-thread{inset:-30px 0 0;width:100%;height:115%;z-index:-1}.open-content{position:relative}.open-content h2{font-weight:400;font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.055em;line-height:1.05;margin:0 0 50px}.open-content h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:1.42em;line-height:.9;color:var(--ice);letter-spacing:-.05em}.open-aside{position:absolute;right:0;top:55px;padding-left:25px;border-left:1px solid #a6d8f280;font-size:.6875rem;color:#b0c7d6;line-height:2}.open-links{display:grid;grid-template-columns:repeat(3,max-content);gap:8%}.open-links .line-link{font-size:.7rem;letter-spacing:.085em;min-width:200px}.research-section{background:#eaf0f3;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding:90px 4.6%;color:#142e40}.research-intro>.mono{color:#4d6676}.research-intro h2{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400;letter-spacing:-.055em;line-height:1.15;margin:22px 0}.research-intro h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25em;font-weight:400}.research-intro>p{font-size:1rem;line-height:1.7;max-width:420px;color:#557182;margin-bottom:30px}.research-intro .line-link{font-size:.6875rem}.research-topics{align-self:center}.research-topics a{display:grid;grid-template-columns:32px 1fr 20px;gap:22px;padding:24px 0;border-top:1px solid #a9bdca;color:#264b62;align-items:center}.research-topics a:last-child{border-bottom:1px solid #a9bdca}.research-topics a>.mono{font-size:.6875rem;color:#7691a3}.research-topics a>span:nth-child(2){font-size:1.05rem;letter-spacing:-.025em}.footer{background:#101c24;color:#c4dae7;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px;padding:36px 4.6%}.footer .wordmark{font-size:1.65rem;color:white}.footer .wordmark img{height:40px}.footer .mono{font-size:.6875rem;letter-spacing:.08em}.back-top{color:#89b0c6}[hidden]{display:none!important}@media(min-width:1600px){.hero{min-height:1050px}.hero-composition{min-height:950px}.measurable{margin-top:300px}.instrument-section{min-height:980px}.product-stage{margin-top:80px}.instrument-copy{top:200px}.open-section{min-height:480px}}@media(max-width:1100px){.hero{min-height:860px}.hero-composition{min-height:770px}.measurable{margin-top:270px}.hero-caption{bottom:147px;width:22%;}.hero-caption p{margin-bottom:28px}.hero-caption .line-link{font-size:.6875rem;gap:12px}.transition-caption{width:22%;bottom:30px;font-size:.6875rem}.instrument-section{min-height:740px}.instrument-copy{width:25%;top:155px}.instrument-copy>p{font-size:.9rem}.device-tabs{gap:15px}.open-links{gap:6%}.open-links .line-link{min-width:0;font-size:.6875rem}.open-aside{font-size:.6875rem}}@media(max-width:760px){.header{padding:24px 6%;align-items:center}.wordmark{font-size:1.7rem}.wordmark img{height:36px}.desktop-nav{display:none}.menu-toggle{display:flex;align-items:center;gap:30px;background:none;border:0;padding:8px 0;font-size:.8rem}.menu-toggle span{font-size:1.4rem}.hero{min-height:810px}.hero-film{object-position:49% center}.hero-composition{padding:30px 6% 120px;min-height:720px}.make-the{font-size:2.6rem}.invisible{font-size:18.3vw;letter-spacing:-.075em}.measurable{font-size:18.5vw;letter-spacing:-.055em;margin-top:235px}.index-label{left:6%;top:calc(95px + 18vw);width:32%;font-size:.6875rem}.mode-label{top:calc(60px + 15vw);width:27%;font-size:.6875rem}.hero-caption{position:relative;bottom:auto;right:auto;width:auto;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:30px}.hero-caption p{font-size:.9rem;margin:0}.hero-caption .line-link{font-size:.6875rem;gap:12px;max-width:170px;line-height:1.8}.transition-caption{right:6%;bottom:28px;font-size:.6875rem;width:42%;padding-left:15px}.motion-control{left:6%;bottom:33px;font-size:.6875rem}.hero-thread{opacity:.9}.instrument-section{padding:55px 6% 90px;min-height:0;margin-top:-25px;clip-path:polygon(0 0,100% 25px,100% 100%,0 100%)}.instrument-identification h2{font-size:1.15rem}.instrument-identification p{font-size:.6875rem}.product-stage{width:116%;margin:65px 0 10px -8%}.instrument-copy{position:relative;inset:auto;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;padding:10px 0 0;border:0}.instrument-copy h3{font-size:2.4rem;margin:0;grid-row:span 2}.instrument-copy>p{font-size:.85rem;margin:0;align-self:end}.device-tabs{gap:18px;font-size:.75rem;margin:0}.product-link{grid-column:2;font-size:.6875rem;width:max-content;margin-top:5px}.family-link{grid-column:2;font-size:.6875rem;width:max-content;margin-top:8px}.instrument-specs{position:relative;inset:auto;margin-top:35px;font-size:.6875rem;gap:14px;flex-wrap:wrap;padding-top:15px}.open-section{padding:65px 6% 50px;min-height:0;clip-path:polygon(0 0,100% 28px,100% 100%,0 100%)}.open-content h2{font-size:2.4rem;margin-bottom:35px;line-height:1.15}.open-content h2 em{font-size:1.28em}.open-aside{display:none}.open-links{grid-template-columns:1fr;gap:20px;max-width:320px}.open-links .line-link{font-size:.6875rem}.open-thread{opacity:.5}.research-section{grid-template-columns:1fr;gap:40px;padding:55px 6%}.research-intro h2{font-size:2.2rem}.research-intro>p{font-size:.9rem}.research-topics a{padding:20px 0;gap:15px}.research-topics a>span:nth-child(2){font-size:.95rem}.footer{padding:30px 6%;gap:25px}.footer .wordmark,.footer>.mono{flex-basis:40%}.footer .line-link{font-size:.6875rem}.footer .back-top{font-size:.6875rem}}@media(max-width:390px){.hero-caption{gap:12px}.hero-caption p{font-size:.82rem}.hero-caption .line-link{max-width:130px;font-size:.6875rem}.measurable{margin-top:260px}.instrument-copy{gap:16px}.instrument-copy h3{font-size:2.05rem}.device-tabs{gap:12px}.open-content h2{font-size:2.05rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-film{transform:none}}

/* Blend the original white studio render into the silver surface. */
.product-stage{mix-blend-mode:multiply;margin-top:-25px}.product-image{height:auto;mix-blend-mode:normal;filter:none}.product-stage:after{display:none}.instrument-section.alternate .product-stage{mix-blend-mode:screen}.instrument-section.alternate .product-image{mix-blend-mode:normal}@media(min-width:1600px){.product-stage{margin-top:-10px}}@media(max-width:760px){.product-stage{margin-top:-5px;margin-bottom:-35px}}

/* Menu (2026-10-03, Raffaele: open by default, inline, at the top; the visitor may hide it). Below 1100px the links form the first line of the page, above the logo. */
.mobile-nav{display:none!important}
@media(max-width:1100px){
  .header{flex-wrap:wrap;row-gap:18px}
  .desktop-nav{display:flex!important;box-sizing:border-box;order:-1;flex:1 0 100%;margin:0 0 4px;gap:24px;overflow-x:auto;scrollbar-width:none;padding:0 30px 12px 0;border-bottom:1px solid #adc4c72c;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
  .desktop-nav::-webkit-scrollbar{display:none}
  .desktop-nav a{padding:6px 0}
  .header-contact{display:inline-flex!important;margin-left:auto;padding:9px 12px;gap:12px;font-size:.75rem}
  .header.nav-collapsed .desktop-nav{display:none!important}
  .menu-toggle{display:flex!important}
}

/* Fixed menu bar while scrolling (2026-10-04), same as the Journal (site.css). */
.oq-bar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:28px;padding:12px 4.6%;background:rgba(16,25,30,.5);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(173,196,199,.14);color:#e9f1f0;transform:translateY(-102%);transition:transform .35s ease,background-color .45s ease,color .45s ease,border-color .45s ease;font-size:.8rem}
.oq-bar.is-light{background:rgba(237,240,237,.6);color:#132830;border-bottom-color:rgba(19,40,48,.1)}
.oq-bar.is-light .oq-bar__talk{border-color:rgba(19,40,48,.32)}
.oq-bar__logo{position:relative;display:block}
.oq-bar__logo img{transition:opacity .45s ease}
.oq-bar__logo .oq-bar__logo-dark{position:absolute;inset:0;opacity:0}
.oq-bar.is-light .oq-bar__logo img:not(.oq-bar__logo-dark){opacity:0}
.oq-bar.is-light .oq-bar__logo .oq-bar__logo-dark{opacity:1}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.oq-bar{background:rgba(16,25,30,.92)}.oq-bar.is-light{background:rgba(237,240,237,.95)}}
.oq-bar.is-on{transform:none}
.oq-bar a{text-decoration:none;color:inherit;white-space:nowrap}
.oq-bar__logo img{display:block;height:26px;width:auto}
.oq-bar nav{display:flex;gap:clamp(14px,2vw,30px);margin-left:auto;overflow-x:auto;scrollbar-width:none}
.oq-bar nav::-webkit-scrollbar{display:none}
.oq-bar nav a{padding:6px 0;position:relative}
.oq-bar nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor}
.oq-bar__talk{border:1px solid #d5eaf370;padding:7px 12px}
@media(max-width:760px){.oq-bar{gap:16px;padding:10px 5.5%}.oq-bar__talk{display:none}.oq-bar nav{margin-left:0;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}}
@media(prefers-reduced-motion:reduce){.oq-bar{transition:none}}

/* Store (2026-10-04, Raffaele: customers keep asking where to buy). A filled button, in the header of every page and in the menu bar. */
.header-store,.oq-bar__store{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap;background:#edf1ec;color:#10191e!important;border:1px solid #edf1ec;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}
.header-store{padding:12px 18px;font-size:.8125rem;margin-left:clamp(14px,1.6vw,26px)}
.header-store:hover,.oq-bar__store:hover{background:var(--ice,#b9e9fb);border-color:var(--ice,#b9e9fb)}
.header-store+.header-contact{margin-left:10px}
.oq-bar__store{padding:7px 13px;margin-left:6px}
.oq-bar.is-light .oq-bar__store{background:#132830;border-color:#132830;color:#edf1ec!important}
.oq-bar.is-light .oq-bar__store:hover{background:#00688D;border-color:#00688D}
@media(max-width:1100px){.header-store{margin-left:auto;padding:9px 13px;gap:10px;font-size:.75rem}.header-store+.header-contact{margin-left:8px}}
@media(max-width:760px){.oq-bar__store{padding:6px 10px;margin-left:0;font-size:.75rem}}
@media(max-width:420px){.header-contact{padding:9px 10px!important;gap:8px!important}.header-contact span{display:none}}
@media(max-width:1100px){.header .header-store+.header-contact{margin-left:8px!important}}
@media(max-width:480px){
  .header{column-gap:10px}
  .header .wordmark img{height:30px}
  .header-store{padding:8px 10px;gap:8px;font-size:.72rem}
  .header-contact{padding:8px 9px!important;font-size:.72rem!important}
  .menu-toggle{font-size:0!important;gap:0!important;min-width:30px;justify-content:flex-end}
  .menu-toggle span{font-size:1.4rem!important}
}

/* Larger logo (2026-10-05): masthead 44→60, sticky bar 26→34, footer 40→52. */
.wordmark img,.header .wordmark img{height:60px}
.oq-bar__logo img{height:34px}
.footer .wordmark img{height:52px}
@media(max-width:1100px){.wordmark img,.header .wordmark img{height:48px}}
@media(max-width:480px){.wordmark img,.header .wordmark img{height:38px}.oq-bar__logo img{height:30px}.footer .wordmark img{height:44px}}