@font-face{font-family:"Noto Ruba";src:url("/assets/fonts/noto-arabic-300.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Noto Ruba";src:url("/assets/fonts/noto-arabic-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Noto Ruba";src:url("/assets/fonts/noto-arabic-700.ttf") format("truetype");font-weight:700;font-display:swap}
:root{
 --void:#08090b;--void-2:#101116;--graphite:#1b1c21;--pearl:#e9e4dc;--paper:#d8d2c9;
 --ink:#16171a;--violet:#b79cff;--violet-deep:#7259c9;--copper:#d18a62;--mint:#a9efd9;
 --hair:rgba(233,228,220,.2);--edge:clamp(18px,3.2vw,54px);--reading:760px;--ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
body{margin:0;background:var(--void);color:var(--pearl);font-family:"Noto Ruba",Tahoma,sans-serif;font-weight:300;line-height:1.8;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--violet);color:var(--void)}
.skip-link{position:fixed;top:-120px;right:20px;z-index:999;background:var(--pearl);color:var(--ink);padding:.7rem 1rem}
.skip-link:focus{top:20px}
.material-light{position:fixed;inset:0;z-index:0;pointer-events:none;background:
 radial-gradient(520px circle at var(--mx,48%) var(--my,28%),rgba(183,156,255,.1),transparent 62%),
 linear-gradient(115deg,transparent 38%,rgba(255,255,255,.025) 50%,transparent 62%);
 mix-blend-mode:screen}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.edge-nav{position:fixed;inset:0;z-index:80;pointer-events:none;mix-blend-mode:difference}
.edge-nav a,.edge-nav button{pointer-events:auto}
.core-brand{position:absolute;top:var(--edge);right:var(--edge);display:flex;align-items:flex-start;gap:.65rem;line-height:1}
.core-brand strong{font-size:clamp(1.7rem,3vw,2.55rem);font-weight:500;letter-spacing:-.09em}
.core-brand small{font-size:.58rem;line-height:1.4;letter-spacing:.06em;color:rgba(233,228,220,.58);max-width:70px}
.menu-slit{position:absolute;top:var(--edge);left:var(--edge);border:0;background:transparent;display:flex;gap:.8rem;align-items:center;cursor:pointer;padding:.25rem}
.menu-slit i{position:relative;width:35px;height:10px;border-top:1px solid var(--pearl);border-bottom:1px solid var(--pearl);transition:.35s var(--ease)}
.menu-slit span{font-size:.72rem;letter-spacing:.05em}
.menu-slit:hover i{width:54px;border-color:var(--mint)}
.edge-access a{position:absolute;font-size:.7rem;letter-spacing:.06em;color:rgba(233,228,220,.62);display:flex;gap:.45rem;align-items:center;transition:.25s}
.edge-access a span{color:var(--copper);font:500 .55rem/1 Consolas,monospace}
.edge-access a:hover{color:var(--pearl);transform:translateX(-4px)}
.edge-a{right:var(--edge);top:45vh;writing-mode:vertical-rl}
.edge-b{right:var(--edge);top:64vh;writing-mode:vertical-rl}
.edge-c{right:var(--edge);top:82vh;writing-mode:vertical-rl}
.edge-tools{position:absolute;bottom:var(--edge);left:var(--edge);display:flex;gap:1.1rem;direction:rtl}
.edge-tools a{font-size:.68rem;color:rgba(233,228,220,.66);border-bottom:1px solid transparent}
.edge-tools a:hover{color:var(--mint);border-color:var(--mint)}
.edge-tools b{font:500 .55rem/1 Consolas,monospace;color:var(--copper)}
.nav-membrane{position:fixed;inset:0;z-index:90;background:rgba(10,11,14,.98);backdrop-filter:blur(24px);display:grid;grid-template-columns:minmax(110px,.32fr) 1fr;gap:5vw;padding:14vh 9vw 8vh;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .8s var(--ease);visibility:hidden}
body.menu-open .nav-membrane{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);visibility:visible}
.membrane-mark{font:300 clamp(4rem,12vw,11rem)/.8 "Noto Ruba";color:rgba(233,228,220,.06);writing-mode:vertical-rl}
.nav-membrane nav{display:flex;flex-direction:column;justify-content:center}
.nav-membrane nav a{display:grid;grid-template-columns:2.5rem minmax(180px,1fr) 1fr;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--hair);transition:.25s}
.nav-membrane nav a:hover{padding-right:1rem;color:var(--mint)}
.nav-membrane nav b{font:500 .64rem Consolas,monospace;color:var(--copper)}
.nav-membrane nav span{font-size:clamp(1.45rem,3vw,3rem);line-height:1.15}
.nav-membrane nav small{font-size:.72rem;color:rgba(233,228,220,.5)}
.nav-membrane>button{position:absolute;left:var(--edge);top:var(--edge);background:none;border:0;border-bottom:1px solid var(--mint);cursor:pointer;padding:.35rem 0}
main{position:relative;z-index:2;min-height:70vh}
.loading-core{height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem}
.loading-core i{width:2px;height:90px;background:linear-gradient(var(--violet),transparent);animation:scan 1.4s infinite}
.loading-core span{font-size:.75rem;letter-spacing:.12em}
@keyframes scan{50%{transform:scaleY(.35);opacity:.35}}
.micro-label,.eyebrow{font:500 .64rem/1.4 Consolas,"Noto Ruba",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}
.core-hero{position:relative;height:100svh;min-height:700px;overflow:hidden;isolation:isolate}
.core-hero:after{content:"";position:absolute;inset:auto -10vw -35vh;width:75vw;height:70vh;background:radial-gradient(ellipse,rgba(183,156,255,.19),transparent 65%);filter:blur(35px);z-index:-2}
.hero-index{position:absolute;top:18vh;left:calc(var(--edge) + 3vw);font:300 clamp(5rem,16vw,15rem)/.75 "Noto Ruba";letter-spacing:-.1em;color:rgba(233,228,220,.045);direction:ltr}
.hero-title{position:absolute;right:8vw;top:23vh;z-index:1;margin:0;font-size:clamp(4.1rem,10.5vw,11.5rem);font-weight:300;line-height:.74;letter-spacing:-.075em}
.hero-title span{display:block}
.hero-title em{display:block;margin-right:clamp(2rem,18vw,18rem);color:transparent;-webkit-text-stroke:1px rgba(233,228,220,.42);font-style:normal}
.hero-core{position:absolute;z-index:2;left:50%;top:47%;transform:translate(-50%,-50%);height:min(88vh,970px);width:auto;filter:drop-shadow(0 45px 70px rgba(0,0,0,.65));animation:coreBreath 7s ease-in-out infinite}
@keyframes coreBreath{50%{transform:translate(-50%,-51.5%) rotate(.7deg);filter:drop-shadow(0 50px 80px rgba(114,89,201,.3))}}
.hero-note{position:absolute;z-index:3;right:9vw;bottom:8vh;width:min(350px,34vw);font-size:clamp(.9rem,1.15vw,1.08rem);color:rgba(233,228,220,.7)}
.hero-enter{position:absolute;z-index:3;left:9vw;bottom:9vh;display:flex;align-items:center;gap:1.1rem;background:none;border:0;cursor:pointer}
.hero-enter i{width:70px;height:1px;background:var(--mint);position:relative}
.hero-enter i:after{content:"";position:absolute;left:0;top:-4px;width:8px;height:8px;border-left:1px solid var(--mint);border-bottom:1px solid var(--mint);transform:rotate(45deg)}
.hero-enter span{font-size:.75rem}
.hero-spec{position:absolute;left:9vw;top:24vh;z-index:3;direction:ltr;font:500 .58rem/1.8 Consolas,monospace;color:rgba(233,228,220,.38)}
.reconfigure{position:relative;min-height:390vh;background:linear-gradient(180deg,var(--void),#0d0e12 68%,#131419)}
.core-observer{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;pointer-events:none}
.core-observer:before,.core-observer:after{content:"";position:absolute;width:130vw;height:25vh;left:-15vw;background:linear-gradient(90deg,transparent,rgba(233,228,220,.035),transparent);transform:rotate(-8deg)}
.core-observer:before{top:18vh}.core-observer:after{bottom:12vh;transform:rotate(7deg)}
.core-observer img{width:min(47vw,660px);height:min(82vh,900px);object-fit:contain;transition:opacity .3s,transform 1s var(--ease),filter 1s;filter:drop-shadow(0 40px 80px rgba(0,0,0,.7));opacity:.68}
.core-observer.is-changing img{opacity:.05;transform:scale(.92) translateY(20px)}
.core-coordinates{position:absolute;left:8vw;top:14vh;font:500 .56rem/1.8 Consolas,monospace;color:rgba(233,228,220,.35);direction:ltr}
.reconfig-head{position:absolute;top:24vh;right:9vw;z-index:3;width:min(380px,35vw)}
.reconfig-head h2{font-size:clamp(2.6rem,5.4vw,6.2rem);font-weight:300;line-height:.88;letter-spacing:-.055em;margin:.8rem 0}
.reconfig-head p{color:rgba(233,228,220,.6)}
.rail-console{position:absolute;top:58vh;right:9vw;z-index:4;width:min(390px,36vw)}
.rail-control{border:0;padding:0;margin:0 0 1.55rem}
.rail-control legend{font-size:.64rem;color:rgba(233,228,220,.54);margin-bottom:.55rem}
.rail-track{position:relative;display:flex;justify-content:space-between;gap:.25rem;padding-top:.9rem}
.rail-track:before{content:"";position:absolute;top:.25rem;right:0;left:0;height:1px;background:linear-gradient(90deg,var(--mint),rgba(233,228,220,.15),var(--copper))}
.rail-track button{position:relative;border:0;background:none;color:rgba(233,228,220,.5);cursor:pointer;padding:.4rem 0;font-size:.66rem}
.rail-track button:before{content:"";position:absolute;top:-.9rem;right:50%;width:5px;height:5px;background:var(--graphite);border:1px solid rgba(233,228,220,.55);transform:translateX(50%) rotate(45deg)}
.rail-track button[aria-pressed=true]{color:var(--pearl)}
.rail-track button[aria-pressed=true]:before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 18px var(--mint)}
.config-output{margin-top:2.4rem;padding-right:1.25rem;border-right:1px solid var(--violet);font-size:1rem}
.config-output b{color:var(--mint);font-weight:500}
.layer-chapters{position:relative;z-index:3;margin-top:-100vh}
.layer-chapter{min-height:100vh;padding:26vh 9vw 14vh;display:flex;align-items:flex-start}
.layer-chapter:nth-child(odd){justify-content:flex-start;text-align:right}
.layer-chapter:nth-child(even){justify-content:flex-end}
.layer-copy{width:min(430px,36vw);padding:1.5rem 0;position:relative}
.layer-copy:before{content:attr(data-layer-code);position:absolute;top:-2.3rem;right:0;font:500 .6rem Consolas,monospace;color:var(--mint)}
.layer-copy h3{font-size:clamp(2.3rem,4.8vw,5.4rem);font-weight:300;line-height:.93;letter-spacing:-.05em;margin:.4rem 0 1.2rem}
.layer-copy p{color:rgba(233,228,220,.64)}
.layer-copy a{display:inline-block;margin-top:1rem;border-bottom:1px solid var(--copper);font-size:.75rem}
.specimen-field{position:relative;background:var(--paper);color:var(--ink);padding:15vh 0 4vh;overflow:hidden}
.specimen-field>.field-head{padding:0 9vw 12vh;max-width:950px}
.field-head h2{font-size:clamp(3.8rem,8vw,9rem);font-weight:300;line-height:.8;letter-spacing:-.065em;margin:.7rem 0 1.6rem}
.field-head p{max-width:560px;color:rgba(22,23,26,.66)}
.specimen{position:relative;min-height:78vh;padding:9vh 9vw;display:flex;align-items:center;isolation:isolate;border-top:1px solid rgba(22,23,26,.14)}
.specimen:nth-child(even){justify-content:flex-end}
.specimen:before{content:attr(data-index);position:absolute;left:5vw;top:3vh;font:300 clamp(5rem,14vw,14rem)/1 "Noto Ruba";color:rgba(22,23,26,.045);z-index:-1}
.specimen:nth-child(even):before{left:auto;right:5vw}
.specimen-media{position:absolute;width:min(52vw,730px);height:72vh;left:8vw;top:3vh;display:grid;place-items:center;pointer-events:none}
.specimen:nth-child(even) .specimen-media{left:auto;right:7vw}
.specimen-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 32px 35px rgba(20,20,20,.23));transform:rotate(calc((var(--i,0) - 2) * .5deg));transition:.8s var(--ease)}
.specimen:hover .specimen-media img{transform:translateY(-12px) rotate(1deg) scale(1.025)}
.specimen-data{position:relative;z-index:2;width:min(390px,34vw);margin-right:auto}
.specimen:nth-child(even) .specimen-data{margin-right:0;margin-left:auto}
.specimen-meta{display:flex;justify-content:space-between;gap:1rem;font:500 .58rem Consolas,monospace;letter-spacing:.07em;color:rgba(22,23,26,.55)}
.specimen-data h3{font-size:clamp(2rem,4vw,4.4rem);font-weight:300;line-height:1.02;letter-spacing:-.045em;margin:1rem 0}
.specimen-data h3 a:hover{color:var(--violet-deep)}
.specimen-data>p{color:rgba(22,23,26,.68)}
.specimen-price{display:flex;align-items:baseline;gap:.8rem;margin:1.4rem 0}
.specimen-price strong{font-size:1.65rem;font-weight:500}
.specimen-price small{font-size:.65rem;color:rgba(22,23,26,.5)}
.component-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.component-actions a,.component-actions button,.solid-action,.line-action{border:0;background:none;color:var(--ink);padding:.55rem 0;border-bottom:1px solid rgba(22,23,26,.35);cursor:pointer;font-size:.7rem}
.component-actions a:first-child,.solid-action{padding:.7rem 1rem;background:var(--ink);color:var(--pearl);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.component-actions button:hover,.component-actions a:hover{border-color:var(--violet-deep);color:var(--violet-deep)}
.calibration-field{position:relative;background:#111217;padding:15vh 9vw;color:var(--pearl);overflow:hidden}
.calibration-field:before{content:"CALIBRATE";position:absolute;left:-2vw;top:1vh;font:300 clamp(6rem,20vw,20rem)/1 "Noto Ruba";direction:ltr;color:rgba(233,228,220,.022)}
.calibration-head{max-width:760px;margin-bottom:10vh;position:relative}
.calibration-head h2{font-size:clamp(3.2rem,7vw,7.5rem);line-height:.85;font-weight:300;letter-spacing:-.06em;margin:.8rem 0}
.calibration-run{position:relative;display:grid;grid-template-columns:80px minmax(220px,.85fr) 1.2fr auto;gap:2.5vw;align-items:center;padding:2.5rem 0;border-top:1px solid var(--hair);transition:.3s}
.calibration-run:nth-child(even){transform:translateX(-4vw)}
.calibration-run:hover{padding-right:1.2rem;color:var(--mint)}
.calibration-run>span{font:500 .65rem Consolas,monospace;color:var(--copper)}
.calibration-run h3{font-size:clamp(1.5rem,2.5vw,2.8rem);font-weight:300;line-height:1.1;margin:0}
.calibration-run p{font-size:.86rem;color:rgba(233,228,220,.55)}
.calibration-run a{font-size:.7rem;border-bottom:1px solid var(--mint);white-space:nowrap}
.etching-field{background:var(--void);padding:16vh 9vw 18vh;position:relative}
.etching-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:7vh}
.etching-head h2{font-size:clamp(3.2rem,7vw,8rem);font-weight:300;line-height:.85;margin:.6rem 0}
.etching-head p{width:min(340px,30vw);color:rgba(233,228,220,.55)}
.etch-index{counter-reset:etch}
.etch-link{counter-increment:etch;position:relative;display:grid;grid-template-columns:4rem 1fr auto;gap:2rem;align-items:baseline;padding:1.4rem 0;border-top:1px solid var(--hair);overflow:hidden}
.etch-link:before{content:counter(etch,decimal-leading-zero);font:500 .6rem Consolas,monospace;color:var(--copper)}
.etch-link:after{content:"";position:absolute;right:0;left:100%;bottom:0;height:1px;background:var(--mint);transition:.5s var(--ease)}
.etch-link:hover:after{left:0}
.etch-link h3{font-size:clamp(1.2rem,2.4vw,2.55rem);font-weight:300;line-height:1.2;margin:0}
.etch-link small{font:.6rem Consolas,monospace;color:rgba(233,228,220,.45)}
.reading-field{position:relative;background:var(--pearl);color:var(--ink);padding:18vh 9vw;overflow:hidden}
.reading-field:before{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 0 43%,rgba(114,89,201,.055) 43.1% 58%,transparent 58.1%);pointer-events:none}
.reading-intro{position:relative;max-width:880px;margin:0 auto 14vh;text-align:center}
.reading-intro h2{font-size:clamp(3rem,6vw,7rem);font-weight:300;line-height:.92;letter-spacing:-.055em;margin:1rem 0}
.reading-intro p{max-width:620px;margin:0 auto;color:rgba(22,23,26,.62)}
.reading-stratum{position:relative;max-width:var(--reading);margin:0 auto;padding:5rem 0 4rem;border-top:1px solid rgba(22,23,26,.2)}
.reading-stratum:nth-child(even){transform:translateX(-7vw)}
.reading-stratum:nth-child(odd){transform:translateX(7vw)}
.stratum-no{position:absolute;top:4.6rem;right:-5rem;font:500 .65rem Consolas,monospace;color:var(--violet-deep)}
.reading-stratum h3{font-size:clamp(1.8rem,3.2vw,3.15rem);font-weight:300;line-height:1.18;letter-spacing:-.035em;margin:0 0 2rem}
.reading-stratum p{font-size:1.02rem;line-height:2.15;color:rgba(22,23,26,.78);margin:0 0 1.2rem}
.final-assembly{position:relative;min-height:92vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.final-assembly img{position:absolute;height:88%;width:auto;opacity:.33;filter:drop-shadow(0 30px 60px #000)}
.final-assembly div{position:relative;z-index:2}
.final-assembly h2{font-size:clamp(4rem,10vw,11rem);font-weight:300;line-height:.78;margin:.8rem 0 2rem;letter-spacing:-.07em}
.final-assembly a{display:inline-block;border-bottom:1px solid var(--mint);padding:.6rem 0}
.page-aperture{position:relative;min-height:82vh;overflow:hidden;display:flex;align-items:flex-end;padding:18vh 9vw 11vh;isolation:isolate}
.page-aperture:before{content:attr(data-code);position:absolute;top:18vh;left:8vw;font:300 clamp(6rem,18vw,18rem)/1 "Noto Ruba";direction:ltr;color:rgba(233,228,220,.035);z-index:-2}
.aperture-image{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(58vw,800px);height:78vh;object-fit:contain;opacity:.72;z-index:-1;filter:drop-shadow(0 45px 70px rgba(0,0,0,.7))}
.aperture-copy{max-width:760px;position:relative;z-index:2}
.aperture-copy h1{font-size:clamp(3.7rem,8.5vw,9rem);font-weight:300;line-height:.83;letter-spacing:-.065em;margin:.75rem 0 1.4rem}
.aperture-copy>p:last-child{width:min(470px,70vw);color:rgba(233,228,220,.65)}
.catalog-console,.workbench{position:relative;margin:-2rem 9vw 12vh;padding:2.2rem 0;background:rgba(8,9,11,.72);border-top:1px solid var(--mint);z-index:5}
.catalog-console{display:flex;align-items:end;gap:2rem}
.catalog-console label{flex:1}
label span,.field-label{display:block;font-size:.65rem;color:rgba(233,228,220,.55);margin-bottom:.45rem}
input,select,textarea{width:100%;border:0;border-bottom:1px solid rgba(233,228,220,.28);background:transparent;color:var(--pearl);padding:.75rem .15rem;outline:0;border-radius:0}
input:focus,select:focus,textarea:focus{border-color:var(--mint)}
select option{background:var(--void);color:var(--pearl)}
textarea{min-height:130px;resize:vertical}
.catalog-console button,.workbench button,.admin-shell button{border:0;background:var(--pearl);color:var(--ink);padding:.8rem 1.25rem;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.stock-field{padding-top:5vh}
.stock-count{padding:0 9vw 3vh;color:rgba(22,23,26,.52);font:500 .65rem Consolas,monospace}
.cutaway-stage{position:relative;min-height:100svh;padding:20vh 8vw 10vh;overflow:hidden;isolation:isolate}
.cutaway-stage:before{content:attr(data-id);position:absolute;left:4vw;top:14vh;font:300 clamp(7rem,22vw,23rem)/1 "Noto Ruba";color:rgba(233,228,220,.03);z-index:-2}
.cutaway-media{position:absolute;left:4vw;top:10vh;width:66vw;height:85vh;display:grid;place-items:center;z-index:-1}
.cutaway-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 70px rgba(0,0,0,.7))}
.cutaway-copy{position:relative;z-index:3;width:min(470px,38vw);margin-right:auto}
.cutaway-copy h1{font-size:clamp(3.3rem,7vw,7.6rem);font-weight:300;line-height:.85;letter-spacing:-.06em;margin:.8rem 0}
.cutaway-copy .excerpt{color:rgba(233,228,220,.65);font-size:1rem}
.cutaway-price{display:flex;gap:1.5rem;align-items:center;margin:2rem 0}
.cutaway-price strong{font-size:2rem;font-weight:500;color:var(--mint)}
.etched-features{list-style:none;margin:2rem 0;padding:0}
.etched-features li{position:relative;padding:.5rem 1.2rem .5rem 0;border-top:1px solid var(--hair);font-size:.72rem;color:rgba(233,228,220,.62)}
.etched-features li:before{content:"";position:absolute;right:0;top:1.1rem;width:6px;height:1px;background:var(--copper)}
.supplier-field{padding:12vh 9vw;background:#131419}
.supplier-field h2{font-size:clamp(2.6rem,5vw,5.8rem);font-weight:300;line-height:.9;margin:0 0 7vh}
.supplier-slice{display:grid;grid-template-columns:1fr auto 1fr auto;gap:2rem;align-items:center;padding:1.7rem 0;border-top:1px solid var(--hair)}
.supplier-slice:nth-child(odd){transform:translateX(-4vw)}
.supplier-slice strong{color:var(--mint)}
.supplier-slice small{color:rgba(233,228,220,.55)}
.supplier-slice button{border:0;background:none;color:var(--pearl);border-bottom:1px solid var(--copper);cursor:pointer}
.service-procedure{padding:12vh 9vw;background:#111217}
.procedure-step{min-height:36vh;display:flex;align-items:center;gap:5vw;border-top:1px solid var(--hair)}
.procedure-step b{font:300 clamp(4rem,11vw,10rem)/1 "Noto Ruba";color:rgba(233,228,220,.09)}
.procedure-step h3{font-size:clamp(2rem,4.5vw,4.7rem);font-weight:300;margin:0}
.workbench{margin:0;padding:13vh 9vw;background:var(--void-2);border-top:1px solid var(--violet)}
.workbench h2{font-size:clamp(2.8rem,5.5vw,6rem);font-weight:300;line-height:.9;max-width:680px;margin:0 0 4rem}
.core-form{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem;max-width:980px}
.core-form .wide{grid-column:1/-1}
.core-form button{justify-self:start}
.ledger-plane{background:var(--pearl);color:var(--ink);padding:12vh 9vw}
.ledger-plane h2{font-size:clamp(2.7rem,5vw,5.5rem);font-weight:300;margin:0 0 4rem}
.ledger-line{display:grid;grid-template-columns:90px 1fr auto auto auto;gap:2rem;align-items:center;padding:1.5rem 0;border-top:1px solid rgba(22,23,26,.18)}
.ledger-line img{width:80px;height:80px;object-fit:contain}
.ledger-line h3{font-weight:300;margin:0}
.ledger-line button{border:0;background:none;border-bottom:1px solid currentColor;cursor:pointer}
.ledger-total{font-size:2rem;text-align:left;margin:3rem 0}
.empty-plane{min-height:52vh;display:grid;place-content:center;text-align:center}
.empty-plane h2{font-size:clamp(2.8rem,6vw,6rem);font-weight:300;line-height:.95}
.admin-shell{min-height:100vh;padding:16vh 6vw 10vh;background:#dcd8d1;color:#16171a}
.admin-login{width:min(520px,90vw);margin:7vh auto}
.admin-login h1{font-size:clamp(3rem,7vw,6rem);font-weight:300;line-height:.9}
.admin-login label{display:block;margin:1.5rem 0}
.admin-login label span,.admin-login label{color:rgba(22,23,26,.65)}
.admin-login input,.admin-shell input,.admin-shell select,.admin-shell textarea{color:#16171a;border-color:rgba(22,23,26,.28)}
.admin-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:5vh}
.admin-head h1{font-size:clamp(3.3rem,7vw,7rem);font-weight:300;line-height:.85;margin:.5rem 0}
.admin-tabs{display:flex;flex-wrap:wrap;gap:1.5rem;border-top:1px solid rgba(22,23,26,.25);border-bottom:1px solid rgba(22,23,26,.25);padding:1rem 0;margin-bottom:5vh}
.admin-tabs button{background:none;clip-path:none;padding:.4rem 0;color:rgba(22,23,26,.5);border-bottom:1px solid transparent}
.admin-tabs button.active{color:#16171a;border-color:var(--violet-deep)}
.diagnostic-run{display:flex;align-items:flex-end;gap:4vw;overflow-x:auto;padding:4vh 0 7vh}
.diagnostic{min-width:140px}
.diagnostic b{display:block;font:300 clamp(2.7rem,5vw,5.7rem)/1 "Noto Ruba";letter-spacing:-.06em}
.diagnostic span{font-size:.68rem;color:rgba(22,23,26,.55)}
.admin-panel h2{font-size:2rem;font-weight:300;margin-top:3rem}
.admin-table-wrap{overflow-x:auto;border-top:1px solid rgba(22,23,26,.25)}
.admin-table{width:100%;border-collapse:collapse;min-width:760px}
.admin-table th,.admin-table td{text-align:right;padding:.9rem .6rem;border-bottom:1px solid rgba(22,23,26,.13);font-size:.72rem}
.admin-table th{font:500 .58rem Consolas,monospace;color:rgba(22,23,26,.5)}
.admin-table button{padding:.35rem .6rem;font-size:.62rem;margin:.15rem}
.admin-create{padding:3rem 0;border-top:1px solid rgba(22,23,26,.2);margin-bottom:4rem}
.admin-create h2{margin-top:0}
.admin-create .core-form{grid-template-columns:repeat(3,1fr)}
.admin-create label span,.admin-shell .field-label{color:rgba(22,23,26,.55)}
.core-toast:empty{display:none}
.core-toast{position:fixed;z-index:200;left:50%;bottom:2rem;transform:translate(-50%,160%);background:var(--mint);color:var(--ink);padding:.8rem 1.3rem;transition:.35s var(--ease);font-size:.75rem;box-shadow:0 20px 45px rgba(0,0,0,.35)}
.core-toast.show{transform:translate(-50%,0)}
.core-footer{position:relative;z-index:2;background:#060709;padding:14vh 9vw 6vh;overflow:hidden;border-top:1px solid var(--hair)}
.core-footer:after{content:"012";position:absolute;left:-1vw;bottom:-.25em;font:300 clamp(9rem,27vw,28rem)/1 "Noto Ruba";color:rgba(233,228,220,.025)}
.core-footer h2{font-size:clamp(4rem,10vw,11rem);font-weight:300;line-height:.75;letter-spacing:-.07em;margin:2rem 0 5rem;position:relative;z-index:1}
.core-footer h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(233,228,220,.42)}
.footer-search{display:flex;align-items:end;gap:2rem;width:min(760px,90vw);position:relative;z-index:1}
.footer-search label{flex:1}
.footer-search button{background:none;color:var(--pearl);border:0;border-bottom:1px solid var(--mint);padding:.75rem 0;cursor:pointer}
.core-footer nav{display:flex;flex-wrap:wrap;gap:1.5rem;margin:8vh 0 2rem;position:relative;z-index:1}
.core-footer nav a{font-size:.7rem;color:rgba(233,228,220,.6)}
.core-footer>small{font-size:.58rem;color:rgba(233,228,220,.35)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-reveal].revealed{opacity:1;transform:none}
@media (max-width:900px){
 .edge-access{display:none}
 .edge-tools{bottom:18px;left:18px;right:18px;justify-content:space-between;background:rgba(8,9,11,.78);backdrop-filter:blur(15px);padding:.55rem .8rem;border-top:1px solid var(--hair)}
 .hero-title{right:6vw;top:19vh;font-size:clamp(4rem,15vw,7rem)}
 .hero-title em{margin-right:8vw}
 .hero-core{height:69vh;top:50%}
 .hero-note{right:6vw;bottom:14vh;width:52vw;font-size:.78rem}
 .hero-enter{left:6vw;bottom:20vh}
 .reconfig-head{right:6vw;width:58vw}
 .rail-console{right:6vw;width:54vw}
 .layer-chapter{padding-left:6vw;padding-right:6vw}
 .layer-copy{width:52vw}
 .specimen{min-height:72vh;padding-left:6vw;padding-right:6vw}
 .specimen-media{width:56vw;left:0}
 .specimen:nth-child(even) .specimen-media{right:0}
 .specimen-data{width:40vw}
 .calibration-run{grid-template-columns:55px 1fr auto}
 .calibration-run p{grid-column:2/-1}
 .reading-stratum:nth-child(n){transform:none}
 .stratum-no{right:auto;left:0;top:2rem}
 .supplier-slice{grid-template-columns:1fr auto}
 .supplier-slice small{grid-column:1/-1}
 .cutaway-media{left:-8vw;width:75vw}
 .cutaway-copy{width:48vw}
}
@media (max-width:640px){
 :root{--edge:18px}
 body{line-height:1.75}
 .core-brand small{display:none}
 .menu-slit span{display:none}
 .nav-membrane{grid-template-columns:1fr;padding:15vh 7vw 10vh}
 .membrane-mark{display:none}
 .nav-membrane nav a{grid-template-columns:2rem 1fr;padding:.9rem 0}
 .nav-membrane nav small{display:none}
 .core-hero{min-height:680px}
 .hero-index{top:18vh;left:4vw;font-size:33vw}
 .hero-title{top:20vh;right:5vw;font-size:17.5vw;line-height:.8}
 .hero-title em{margin-right:0;margin-top:.15em}
 .hero-core{height:64vh;top:54%;left:46%;opacity:.88}
 .hero-note{right:6vw;bottom:15vh;width:56vw;font-size:.72rem;line-height:1.65}
 .hero-enter{left:6vw;bottom:24vh;display:block}
 .hero-enter i{display:block;margin-bottom:.8rem}
 .hero-spec{display:none}
 .reconfigure{min-height:350vh}
 .core-observer{position:sticky;top:0;z-index:0;opacity:.26;height:100vh}
 .core-observer img{width:110vw;height:85vh;transform:translateX(-15vw)}
 .reconfigure .core-observer{display:grid}
 .reconfig-head{position:relative;top:auto;right:auto;width:auto;padding:18vh 6vw 5vh;min-height:72vh;display:flex;flex-direction:column;justify-content:end}
 .reconfig-head h2{font-size:14vw}
 .rail-console{position:relative;top:auto;right:auto;width:auto;padding:0 6vw 20vh;min-height:80vh}
 .rail-track{gap:.8rem;overflow-x:auto;justify-content:flex-start;padding-bottom:.7rem}
 .rail-track button{white-space:nowrap}
 .layer-chapters{margin-top:0}
 .layer-chapter{position:relative;min-height:88vh;padding:18vh 6vw 16vh;align-items:flex-end!important;justify-content:flex-start!important;clip-path:polygon(0 7%,100% 0,100% 93%,0 100%);background:rgba(12,13,17,.82);margin-top:-5vh}
 .layer-chapter:nth-child(even){background:rgba(20,20,26,.84)}
 .layer-copy{width:88vw}
 .layer-copy h3{font-size:12vw}
 .specimen-field{padding-top:12vh}
 .specimen-field>.field-head{padding:0 6vw 9vh}
 .field-head h2{font-size:15vw}
 .specimen{min-height:100svh;padding:49vh 6vw 13vh;align-items:flex-end!important;justify-content:flex-start!important}
 .specimen:before{top:8vh;font-size:34vw}
 .specimen-media,.specimen:nth-child(even) .specimen-media{top:6vh;left:-12vw;right:auto;width:115vw;height:53vh}
 .specimen:nth-child(even) .specimen-media{left:auto;right:-13vw}
 .specimen-data,.specimen:nth-child(even) .specimen-data{width:100%;margin:0}
 .specimen-data h3{font-size:9vw}
 .calibration-field{padding:12vh 6vw}
 .calibration-head h2{font-size:14vw}
 .calibration-run,.calibration-run:nth-child(even){display:block;transform:none;padding:2rem 0}
 .calibration-run>*{display:block;margin:.5rem 0}
 .etching-field{padding:13vh 6vw 16vh}
 .etching-head{display:block}
 .etching-head h2{font-size:15vw}
 .etching-head p{width:auto}
 .etch-link{grid-template-columns:2rem 1fr;gap:.7rem}
 .etch-link small{grid-column:2}
 .reading-field{padding:14vh 6vw}
 .reading-intro{text-align:right}
 .reading-intro h2{font-size:13vw}
 .reading-stratum{padding:4rem 0 3rem}
 .reading-stratum h3{font-size:8vw}
 .reading-stratum p{font-size:.94rem;line-height:2}
 .final-assembly h2{font-size:17vw}
 .page-aperture{min-height:88vh;padding:18vh 6vw 13vh}
 .page-aperture:before{top:18vh;font-size:30vw}
 .aperture-image{width:120vw;height:68vh;left:39%;top:47%;opacity:.52}
 .aperture-copy h1{font-size:14vw}
 .aperture-copy>p:last-child{width:88vw}
 .catalog-console{margin:-1rem 6vw 9vh;display:block}
 .catalog-console label{display:block;margin-bottom:1.3rem}
 .stock-count{padding-right:6vw}
 .cutaway-stage{min-height:100svh;padding:57vh 6vw 12vh;display:flex;align-items:flex-end}
 .cutaway-stage:before{font-size:42vw;top:12vh}
 .cutaway-media{top:7vh;left:-20vw;width:130vw;height:58vh;opacity:.73}
 .cutaway-copy{width:100%;margin:0}
 .cutaway-copy h1{font-size:13vw}
 .supplier-field{padding:11vh 6vw}
 .supplier-slice,.supplier-slice:nth-child(odd){display:block;transform:none}
 .supplier-slice>*{display:block;margin:.6rem 0}
 .service-procedure,.workbench,.ledger-plane{padding-left:6vw;padding-right:6vw}
 .procedure-step{min-height:28vh}
 .core-form,.admin-create .core-form{grid-template-columns:1fr}
 .core-form .wide{grid-column:auto}
 .ledger-line{grid-template-columns:60px 1fr auto;gap:.8rem}
 .ledger-line img{width:55px;height:55px}
 .ledger-line span,.ledger-line button{grid-column:2}
 .admin-shell{padding:14vh 5vw 10vh}
 .admin-head{align-items:flex-start}
 .admin-tabs{gap:.8rem}
 .diagnostic-run{gap:2rem}
 .core-footer{padding:13vh 6vw 13vh}
 .core-footer h2{font-size:17vw}
 .footer-search{display:block;width:100%}
 .footer-search button{margin-top:1rem}
}
@media (prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
 .core-observer{position:relative}
 [data-reveal]{opacity:1;transform:none}
}

body.admin-mode .edge-nav,body.admin-mode .core-footer,body.admin-mode .material-light{display:none}
body.admin-mode main{min-height:100vh}
.diagnostic:nth-child(5) b{font-size:clamp(1.5rem,2.8vw,3rem)}