@font-face{font-family:Cairo;src:url('./assets/fonts/cairo-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('./assets/fonts/cairo-semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Cairo;src:url('./assets/fonts/cairo-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--bg:#060914;--panel:#0b1120;--ink:#f3f5ff;--muted:#9da8bc;--line:rgba(158,181,219,.14);--blue:#458cff;--cyan:#74ddf7;--purple:#9d85ff;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:dark;font-family:Cairo,Tahoma,sans-serif;font-size:16px;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;overflow-x:hidden}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{color:white;background:#3659b6}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section-pad{padding-block:125px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:200;right:25px;top:12px;background:var(--blue);padding:10px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));width:calc(var(--read,0)*100%);z-index:101;box-shadow:0 0 12px #458cff}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:4%;position:absolute;top:0;left:0;right:0;z-index:90;border-bottom:1px solid var(--line);transition:background .4s,height .4s}.header.scrolled{position:fixed;height:78px;background:#060914e8;backdrop-filter:blur(20px)}.brand{display:block;width:207px;flex-shrink:0}.brand img{width:100%;height:auto;filter:brightness(0) invert(1);opacity:.94}.header nav{display:flex;gap:32px;align-items:center}.header nav a{font-size:14px;color:#a7b1c5;position:relative;padding-block:8px;transition:color .2s}.header nav a:hover,.header nav a.active{color:white}.header nav a.active:after{content:'';position:absolute;bottom:-25px;right:50%;width:22px;height:2px;background:var(--blue);transform:translateX(50%);box-shadow:0 0 15px var(--blue)}.header-tools{display:flex;align-items:center;gap:18px}.nav-cta{font-size:14px;border:1px solid #8196bf4f;padding:9px 18px;display:flex;align-items:center;gap:20px;transition:.25s}.nav-cta:hover{border-color:var(--blue);background:#458cff14}.icon-button{width:40px;height:40px;display:grid;place-items:center;color:var(--muted)}.icon-button svg{width:23px;height:23px}.play-symbol{display:none}.motion-off .pause-symbol{display:none}.motion-off .play-symbol{display:block}.menu-toggle{display:none}.eyebrow{display:flex;align-items:center;gap:13px;color:#c6d5f2;font-size:14px;font-weight:600}.eyebrow-line{width:30px;height:1px;background:var(--blue);box-shadow:0 0 12px #458cff}.section-number{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px;color:var(--blue)}.hero{min-height:850px;height:min(960px,100svh);position:relative;display:flex;flex-direction:column;justify-content:center;padding-top:110px;background:radial-gradient(ellipse at 22% 50%,#0b1836 0,transparent 48%)}.hero-grid{position:absolute;inset:96px 0 0;pointer-events:none;background-image:linear-gradient(#809dd408 1px,transparent 1px),linear-gradient(90deg,#809dd408 1px,transparent 1px);background-size:85px 85px;mask-image:radial-gradient(ellipse at 30% 50%,black,transparent 75%)}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:8px;flex:1;padding-top:20px}.hero-copy{position:relative;z-index:2;padding-bottom:35px}.hero h1{font-size:clamp(56px,5.8vw,88px);font-weight:800;line-height:1.42;letter-spacing:-3px;margin-top:18px}.gradient-text{color:#76b1ff;background:linear-gradient(110deg,#c5b9ff 0,#a699ff 26%,#4b92ff 64%,#9ceaff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:18px;line-height:2;color:var(--muted);margin-top:22px}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:34px}.button{display:inline-flex;gap:36px;align-items:center;justify-content:center;min-height:58px;padding:14px 24px;font-size:15px;font-weight:600;position:relative;transition:box-shadow .35s,background .35s,transform .35s var(--ease);isolation:isolate}.button.primary{background:var(--blue);box-shadow:0 0 40px #458cff16;color:white}.button.primary:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff30 49%,transparent 65%);background-size:250% 100%;background-position:100% 0;z-index:-1;transition:background-position .7s}.button.primary:hover{box-shadow:0 7px 40px #458cff45;background:#3478ee}.button.primary:hover:before{background-position:0 0}.arrow{font-family:Arial,sans-serif;font-size:24px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;min-height:44px}.text-link:hover{color:var(--cyan)}.play-icon{width:31px;height:31px;border:1px solid #7384a65c;display:grid;place-items:center;font-family:Arial;font-size:20px;border-radius:50%;padding-right:2px}.hero-footnote{display:flex;gap:10px;align-items:center;margin-top:45px;font-size:13px;color:#8290a9}.tiny-cross{font-size:21px;color:#7792c5}.universe{height:580px;position:relative;direction:ltr;touch-action:pan-y;--px:0;--py:0}.universe canvas{width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.orbital-center{position:absolute;left:50%;top:49%;transform:translate(calc(-50% + var(--px)*9px),calc(-50% + var(--py)*9px));display:flex;align-items:center;flex-direction:column;pointer-events:none;text-shadow:0 0 35px #458cff70}.orbital-center>span{font:600 50px/1 Arial,sans-serif;letter-spacing:-4px;color:#deedff}.orbital-center small{font:8px/1.5 Arial,sans-serif;letter-spacing:2.5px;color:#98aede;margin-top:14px;white-space:nowrap}.orbital-label{position:absolute;display:flex;gap:11px;align-items:center;padding:13px 18px;background:#0a1225d9;border:1px solid #5274a940;backdrop-filter:blur(10px);color:#d5e0f6;font-size:13px;direction:rtl;transform:translate(calc(var(--px)*-15px),calc(var(--py)*-15px));box-shadow:0 10px 40px #0002;pointer-events:none}.orbital-label small{display:block;font:8px/2 Arial,sans-serif;letter-spacing:1.3px;color:#7b90b8}.label-one{top:21%;left:3%}.label-two{bottom:19%;right:0}.label-symbol{font-size:23px;color:#86b6ff}.orbital-coordinate{position:absolute;top:8%;right:2%;font:10px Arial;letter-spacing:2px;color:#617192}.orbit-control{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px;color:#a8b9d7;padding:9px 15px;border-bottom:1px solid #6685b835}.orbit-control:hover{color:white}.orbit-control-icon{font-size:21px;color:#7eaaff}#orbit-number{font:10px Arial;letter-spacing:1px;color:#61799f;padding-left:8px}.hero-bottom{border-top:1px solid var(--line);min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-bottom>span{font:10px Arial;letter-spacing:2px;color:#73819c}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:12px;color:#a3aec1}.scroll-track{height:26px;width:15px;border:1px solid #556785;border-radius:12px;display:flex;justify-content:center;padding-top:5px}.scroll-track i{width:2px;height:5px;background:#90b6fb;animation:scroll-cue 1.8s infinite}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.3}60%{transform:translateY(7px);opacity:1}}.discipline-strip{border-block:1px solid var(--line);background:#0b1020;padding-block:25px}.discipline-strip .container{display:flex;align-items:center;justify-content:space-between;gap:22px;color:#a3aec6;font-size:15px}.discipline-strip i{font-style:normal;color:#3e6097;font-size:24px}.latin{font:10px Arial,sans-serif;letter-spacing:2px;color:#75819a}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}h2{font-size:clamp(34px,3.4vw,52px);line-height:1.55;letter-spacing:-1.4px;font-weight:800}.section-heading h2{margin-top:20px}.muted-heading{color:#74839e}.section-heading>p{font-size:16px;line-height:2;color:var(--muted);padding-bottom:8px}.system-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-bottom:30px}.filters{display:flex;gap:26px}.filters button{padding:16px 1px;font-size:14px;color:#93a0b8;position:relative;white-space:nowrap}.filters button.selected{color:white}.filters button:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .3s}.filters button.selected:after{transform:scaleX(1)}.filters small{font:10px Arial;color:#8b9bb5;margin-right:7px}.collection-label{font:10px Arial;letter-spacing:2px;color:#70809c}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.system-card{min-width:0;position:relative;overflow:hidden;background:linear-gradient(145deg,#111c31,#0a101c);border:1px solid #7290c322;transition:transform .45s var(--ease),border-color .4s;--card-color:#458cff;animation:card-in .55s var(--ease) both;animation-delay:calc(var(--i,0)*55ms)}.system-card:hover{border-color:#779ed16e;transform:translateY(-6px)}.system-card:before{content:'';position:absolute;inset:0;background:radial-gradient(350px circle at var(--mx,50%) var(--my,30%),#75a7ff13,transparent 70%);pointer-events:none;z-index:2}.card-art{position:relative;height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--card-color) 18%,transparent),transparent 65%)}.card-art:after{content:'';position:absolute;inset:auto 12% 18%;height:1px;background:linear-gradient(90deg,transparent,var(--card-color),transparent);opacity:.4}.card-grid{position:absolute;inset:20% -20% -35%;background-image:linear-gradient(#6489c212 1px,transparent 1px),linear-gradient(90deg,#6489c212 1px,transparent 1px);background-size:28px 28px;transform:perspective(240px) rotateX(57deg);mask-image:linear-gradient(transparent,black,transparent)}.product-symbol{width:142px;height:124px;display:grid;place-items:center;position:relative;transform:perspective(700px) rotateY(-13deg) rotateX(13deg);transition:transform .6s var(--ease);filter:drop-shadow(0 0 24px color-mix(in srgb,var(--card-color) 25%,transparent))}.system-card:hover .product-symbol{transform:perspective(700px) rotateY(7deg) rotateX(-4deg) translateY(-9px)}.product-symbol:before,.product-symbol:after{content:'';position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--card-color) 65%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--card-color) 14%,transparent),#070d1d);border-radius:22px}.product-symbol:before{transform:translate(-15px,15px);opacity:.4}.product-symbol:after{transform:translate(-7px,7px);opacity:.7}.product-symbol>span{position:relative;z-index:1;font:600 36px Arial;letter-spacing:-1.5px;color:color-mix(in srgb,var(--card-color) 35%,white);width:100%;height:100%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--card-color) 60%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--card-color) 22%,#0a1020),#091020);border-radius:22px;box-shadow:inset 0 0 22px #ffffff05}.card-art-label{position:absolute;top:20px;right:20px;font:9px Arial;letter-spacing:2px;color:#788bac}.card-number{position:absolute;left:20px;top:19px;font:11px Arial;color:#5c718e}.card-copy{padding:4px 25px 24px;position:relative;z-index:2}.card-category{font-size:12px;color:#8b9dbc;display:block;margin-bottom:8px}.card-copy h3{font-size:23px;font-weight:600;margin-bottom:11px}.card-copy p{color:#9ca9c0;font-size:14px;line-height:1.9;min-height:54px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.card-footer button{font-size:13px;padding:3px 0;display:flex;gap:15px;align-items:center}.card-footer button:hover{color:var(--cyan)}.card-footer .card-pdf{font:10px Arial;letter-spacing:1px;color:#7d8ca8;padding:6px}.card-footer .card-pdf:hover{color:white}.systems-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:20px}.systems-bottom p{font-size:14px;color:#95a4bf}.systems-bottom .text-link{color:#9abcff}.approach{height:215vh;min-height:1400px;position:relative;background:radial-gradient(ellipse at 33% 50%,#0b1630 0,transparent 52%);border-block:1px solid var(--line)}.approach-sticky{height:100svh;min-height:650px;position:sticky;top:0;display:flex;align-items:center;overflow:hidden}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.approach h2{font-size:clamp(30px,3.1vw,48px);margin-top:23px}.approach-copy>p{font-size:16px;line-height:2;color:#95a5bf;margin-top:22px}.story-steps{margin-top:32px;display:grid;gap:18px}.story-step{display:flex;gap:15px;align-items:center;opacity:.35;transition:opacity .5s,transform .5s;transform:translateX(-8px)}.story-step.current{opacity:1;transform:none}.story-step>span{font:11px Arial;letter-spacing:1px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #6b86b744;color:#88b9ff;flex-shrink:0}.story-step strong{font-size:15px;font-weight:600;display:block}.story-step small{font-size:13px;color:#94a2bd;display:block;margin-top:3px}.connection-scene{position:relative;height:530px;direction:ltr;--story:0}.connection-scene:before,.connection-scene:after{content:'';position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:76%;aspect-ratio:1;border:1px dashed #5875a522;pointer-events:none}.connection-scene:after{width:45%;border-style:solid}.connection-scene canvas{position:absolute;inset:0;width:100%;height:100%}.connection-hub{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(at 25% 0,#305595,#101c36 60%);border:1px solid #6e9ef180;border-radius:25px;box-shadow:0 0 55px #3978ef26}.connection-hub>span{font:600 27px Arial;letter-spacing:-1.5px}.connection-hub small{font-size:10px;color:#9bb9e8;margin-top:5px}.connection-node{position:absolute;z-index:3;padding:10px 16px;white-space:nowrap;border:1px solid #5c80b444;background:#0d162a;display:flex;gap:10px;align-items:center;direction:rtl;font-size:13px;transform:translate(-50%,-50%);box-shadow:0 9px 30px #0003;will-change:left,top}.connection-node>span{color:#7baeff;font-size:21px}.scene-caption{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap;font:9px Arial;letter-spacing:2.5px;color:#647da4}.scene-progress{position:absolute;bottom:0;left:35%;width:30%;height:1px;background:#39578270}.scene-progress span{display:block;height:100%;width:calc(var(--story)*100%);background:#7db6ff}.library-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:stretch}.featured-brochure{position:relative;min-height:550px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 55%,#172952,transparent 67%),#0b1020;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1200px}.book-kicker{position:absolute;top:28px;font:9px Arial;letter-spacing:3px;color:#7c8fae}.book-object{width:205px;height:290px;position:relative;transform:rotateY(-22deg) rotateZ(-7deg);transition:transform .8s var(--ease);box-shadow:-18px 26px 55px #0009;z-index:2;background:white}.book-object:hover{transform:rotateY(0) rotateZ(0) translateY(-9px)}.book-object img{width:100%;height:100%;object-fit:cover;object-position:top}.book-spine{position:absolute;top:0;bottom:0;right:-10px;width:10px;background:linear-gradient(90deg,#8394af,#d6dde9);transform:rotateY(60deg);transform-origin:left}.book-halo{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #6b8ed32a}.book-halo:before,.book-halo:after{content:'';position:absolute;border-radius:50%;border:1px solid #6b8ed31c;inset:-50px}.book-halo:after{inset:-100px}.book-caption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#a5b5d1}.book-caption>span:last-child{font-size:25px;color:#86abeb}.library-list{display:flex;flex-direction:column;justify-content:center}.library-row{border-bottom:1px solid var(--line);transition:background .3s}.library-row:first-child{border-top:1px solid var(--line)}.library-row>a{display:flex;align-items:center;gap:18px;min-height:70px;padding:13px 8px}.library-row:hover{background:#458cff09}.library-row .library-index{font:11px Arial;letter-spacing:1px;color:#596b88;width:22px}.library-name{flex:1;font-size:15px;transition:transform .3s}.library-row:hover .library-name{transform:translateX(-6px)}.library-row .file-type{font:10px Arial;letter-spacing:1px;color:#7e90af}.download-icon{width:30px;height:30px;display:grid;place-items:center;color:#94baff;font:19px Arial}.closing{padding:95px 65px;margin-bottom:95px;position:relative;background:linear-gradient(120deg,#0c1a35,#0e1530 55%,#171e3b);border:1px solid #789cda25;overflow:hidden;isolation:isolate}.closing h2{font-size:clamp(44px,5.3vw,76px);margin-block:20px}.closing p{font-size:16px;color:#a4b2cb;margin-bottom:30px}.closing-word{position:absolute;left:5%;bottom:10%;font:800 clamp(70px,14vw,210px)/1 Arial;letter-spacing:-10px;color:transparent;-webkit-text-stroke:1px #8ba7d928;z-index:-1;transform:rotate(-90deg);transform-origin:center}.closing-rings{position:absolute;width:650px;height:650px;top:50%;left:4%;transform:translateY(-50%) rotate(-30deg);z-index:-1}.closing-rings i{position:absolute;inset:0;border:1px solid #6e96d915;border-radius:50%;transform:scaleX(.6)}.closing-rings i:nth-child(2){transform:scaleX(.7) rotate(40deg)}.closing-rings i:nth-child(3){transform:scaleX(.8) rotate(80deg)}.footer{padding-bottom:26px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:40px}.footer-top p{font-size:14px;color:#8190ac}.back-top{display:flex;gap:15px;align-items:center;font-size:13px;color:#b1bfd6}.back-top span{border:1px solid var(--line);width:38px;height:38px;display:grid;place-items:center;font-size:20px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:23px;color:#6e7e99;font-size:12px}.footer-bottom>span[dir]{font:9px Arial;letter-spacing:2px}.footer-motion{padding:0;font-size:12px;color:#a1b2ce}.reveal{opacity:1;transform:none}.js-motion .reveal:not(.in-view){opacity:0;transform:translateY(30px)}.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}.entrance{animation:entrance 1s var(--ease) both}.hero-copy .entrance:nth-child(2){animation-delay:.12s}.hero-copy .entrance:nth-child(3){animation-delay:.22s}.hero-copy .entrance:nth-child(4){animation-delay:.32s}.hero-copy .entrance:nth-child(5){animation-delay:.42s}.universe.entrance{animation-delay:.15s;animation-duration:1.5s}@keyframes entrance{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
dialog{color:var(--ink);font:inherit;border:1px solid #608cd15c;background:#0b1324;padding:45px;width:min(800px,calc(100% - 36px));max-height:85svh;overflow:auto;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#020610c9;backdrop-filter:blur(10px)}dialog[open]{animation:dialog-in .3s var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}.dialog-close{position:absolute;left:12px;top:12px;font:30px Arial;color:#acbdd9;z-index:5}.detail-layout{display:grid;grid-template-columns:1fr 190px;gap:35px;align-items:center}.detail-copy h2{font-size:32px;letter-spacing:-.5px;margin:15px 0}.detail-copy p{font-size:16px;line-height:2;color:#a9b8d0}.detail-category{font-size:13px;color:#8dbbff}.detail-copy .button{margin-top:25px;gap:20px;font-size:14px}.detail-cover{width:100%;max-height:300px;object-fit:contain}.detail-note{display:block;color:#7c92b3;font-size:12px;margin-top:16px}.finder-dialog{width:min(650px,calc(100% - 32px))}.finder-dialog h2{font-size:32px;margin-top:15px}.finder-intro{color:#9baecb;font-size:15px;margin-top:12px}.finder-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.finder-options>button{display:grid;grid-template-columns:1fr auto;text-align:right;border:1px solid #496a9e4a;padding:20px;position:relative;transition:background .2s,border .2s;min-height:140px}.finder-options>button:hover,.finder-options>button.selected{border-color:#77a9ff;background:#458cff12}.finder-options>button>span{font-size:24px;color:#84b5ff;grid-column:1/-1}.finder-options strong{font-size:14px;font-weight:600;margin-top:5px}.finder-options small{grid-column:1/-1;font-size:12px;line-height:1.8;color:#94a7c6;margin-top:6px}.finder-options b{font-weight:400;color:#8aa7d5}.finder-result-list{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.finder-result-list>p{font-size:14px;color:#adc7f0;margin-bottom:10px}.finder-result-list button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 0;font-size:14px;border-bottom:1px solid var(--line)}.finder-result-list button:hover{color:var(--cyan)}.finder-result-list button span:last-child{color:#8bb4f2;font-size:12px}.noscript-note{padding:15px;background:#15243f;text-align:center;font-size:14px}.motion-off *, .motion-off *:before, .motion-off *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off .approach{height:auto;min-height:0}.motion-off .approach-sticky{position:relative;height:auto;padding-block:100px}.motion-off .story-step{opacity:1;transform:none}.motion-off .product-symbol,.motion-off .book-object{will-change:auto}
@media(min-width:1550px){.hero{height:960px}.hero-inner{gap:60px}.universe{height:620px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header{padding-inline:32px;gap:18px}.header nav{gap:22px}.brand{width:176px}.header-tools{gap:8px}.nav-cta{gap:12px;padding-inline:12px}.hero{min-height:790px}.hero h1{font-size:65px}.universe{height:490px}.hero-inner{grid-template-columns:1fr 1fr}.orbital-label{padding:10px;font-size:11px}.label-one{left:-1%;top:15%}.label-two{right:-3%;bottom:18%}.orbital-label small{font-size:7px}.hero-actions{gap:18px}.hero-actions .button{gap:22px}.hero-description{font-size:17px}.section-pad{padding-block:95px}.system-grid{gap:15px}.card-copy{padding-inline:19px}.card-copy h3{font-size:21px}.collection-label{display:none}.library-layout{gap:35px}.card-art{height:205px}.connection-node{padding:8px 10px;font-size:12px}.connection-scene{height:480px}.approach-layout{gap:20px}.closing{padding:70px 45px}.discipline-strip .latin{display:none}.discipline-strip .container{gap:15px;font-size:14px}}
@media(max-width:820px){.header{height:80px}.header nav{gap:17px}.header nav a{font-size:13px}.brand{width:154px}.nav-cta{font-size:12px}.header-tools{gap:3px}.hero{min-height:760px;padding-top:90px}.hero h1{font-size:54px;letter-spacing:-2px}.hero-description{font-size:16px}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:24px}.hero-actions .button{font-size:14px;min-height:52px;padding:12px 19px}.hero-actions .text-link{font-size:13px}.hero-footnote{font-size:11px;margin-top:26px}.universe{height:430px}.label-one{top:12%;left:2%}.orbital-label small{display:none}.orbital-label{font-size:10px;padding:7px;gap:6px}.orbital-center>span{font-size:39px}.orbital-center small{font-size:6px}.orbit-control{bottom:5%;gap:8px;font-size:11px}.orbital-coordinate{font-size:8px}.system-grid{grid-template-columns:repeat(2,1fr)}.section-heading{gap:25px}.section-heading>p{font-size:14px}.section-heading h2{font-size:36px}.approach{height:180vh;min-height:1150px}.approach-layout{grid-template-columns:1fr 1fr;gap:0}.approach h2{font-size:30px}.approach-copy>p{font-size:14px}.connection-scene{height:410px}.connection-node{font-size:10px;padding:7px;gap:5px}.connection-node>span{font-size:16px}.connection-hub{width:65px;height:65px;border-radius:18px}.connection-hub>span{font-size:22px}.connection-hub small{font-size:8px}.story-step strong{font-size:13px}.story-step small{font-size:11px}.story-step{gap:10px}.story-steps{gap:17px}.scene-caption{font-size:7px;letter-spacing:1.5px}.library-layout{gap:25px;grid-template-columns:.85fr 1fr}.featured-brochure{min-height:550px}.book-object{width:170px;height:241px}.book-kicker{font-size:7px;letter-spacing:2px}.book-caption{font-size:12px;right:15px;left:15px}.library-row>a{gap:8px;min-height:68px}.library-name{font-size:13px}.library-index{width:18px!important}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:18px}.footer-bottom>span[dir]{display:none}}
@media(max-width:640px){.container{width:calc(100% - 40px)}html{scroll-padding-top:90px}.header{padding-inline:20px;height:76px;gap:10px}.header.scrolled{height:68px}.header .brand{width:152px}.header nav{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 20px;background:#090f1ff5;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.header nav.open{display:flex}.header nav a{padding:14px;font-size:16px}.header nav a.active:after{right:0;bottom:13px;height:20px;width:2px;transform:none}.header-tools{gap:2px}.nav-cta{display:none}.motion-toggle{width:36px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:36px}.menu-toggle span{width:19px;height:1px;background:#dce7fd;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{height:auto;min-height:0;padding-top:117px;background:radial-gradient(ellipse at 45% 70%,#0d1b36 0,transparent 60%)}.hero-grid{inset:76px 0 0;background-size:60px 60px}.hero-inner{display:flex;flex-direction:column;gap:0;padding-top:0}.hero-copy{align-self:stretch;padding:0;z-index:2}.eyebrow{font-size:12px;gap:10px}.hero h1{font-size:clamp(46px,12.4vw,70px);letter-spacing:-1.7px;line-height:1.42;margin-top:15px}.hero-description{font-size:15px;line-height:1.9;margin-top:19px}.desktop-break{display:none}.hero-actions{margin-top:25px;gap:22px}.hero-actions .button{min-height:53px;font-size:14px;padding-inline:20px;gap:27px}.hero-actions .text-link{font-size:13px;gap:9px}.hero-footnote{display:none}.universe{width:100%;height:370px;margin-top:2px;align-self:stretch}.orbital-center>span{font-size:40px}.orbital-center small{font-size:6px;letter-spacing:2px}.orbital-label{padding:9px 11px;font-size:10px}.orbital-label small{display:block;font-size:6px;letter-spacing:.8px}.label-one{left:0;top:21%}.label-two{right:0;bottom:23%}.orbital-coordinate{top:9%;right:0;font-size:8px}.orbit-control{bottom:2%;font-size:11px}.hero-bottom{min-height:65px;width:calc(100% - 40px)}.hero-bottom>span:not(.page-index){font-size:7px;letter-spacing:1.4px}.hero-bottom .page-index{display:none}.scroll-cue{font-size:11px}.discipline-strip{padding-block:20px;overflow:hidden}.discipline-strip .container{width:max-content;gap:20px;padding-inline:20px;margin:0;font-size:12px}.discipline-strip i{font-size:18px}.discipline-strip span:last-child{display:none}.section-pad{padding-block:75px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:34px;margin-top:15px;line-height:1.6}.section-heading>p{margin-top:18px;font-size:14px;padding:0}.filters{gap:22px;min-width:max-content}.system-toolbar{overflow-x:auto;scrollbar-width:none;margin-bottom:22px}.system-toolbar::-webkit-scrollbar{display:none}.filters button{font-size:13px;padding-block:15px}.system-grid{grid-template-columns:1fr;gap:18px}.system-card{display:grid;grid-template-columns:1fr}.card-art{height:200px}.card-copy{padding:0 24px 23px}.card-copy h3{font-size:23px;margin-bottom:8px}.card-copy p{font-size:14px;min-height:0}.card-category{font-size:12px}.card-footer{margin-top:18px;padding-top:16px}.product-symbol{width:130px;height:112px}.card-art-label{font-size:9px}.systems-bottom{align-items:flex-start;flex-direction:column;gap:8px;margin-top:22px}.systems-bottom p{font-size:13px;line-height:1.9}.approach{height:190svh;min-height:1370px}.approach-sticky{height:100svh;min-height:730px;padding-top:78px;align-items:flex-start}.approach-layout{display:flex;flex-direction:column;gap:0;width:calc(100% - 40px)}.approach-copy{width:100%}.approach h2{font-size:30px;margin-top:13px}.approach-copy>p{font-size:13px;margin-top:10px}.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.story-step{display:block;transform:none;opacity:.3}.story-step>span{border:0;display:block;width:auto;height:auto;font-size:10px;margin-bottom:6px}.story-step strong{font-size:11px;line-height:1.8}.story-step small{display:none}.connection-scene{height:340px;width:100%;max-width:390px;margin-top:10px}.connection-node{font-size:11px;padding:8px 9px;gap:6px}.connection-hub{width:68px;height:68px}.scene-caption{bottom:2%;font-size:8px}.scene-progress{bottom:-2%}.library-layout{grid-template-columns:1fr;gap:30px}.featured-brochure{min-height:425px}.book-object{width:174px;height:246px}.book-kicker{font-size:8px}.library-row>a{min-height:68px;gap:14px}.library-name{font-size:14px}.book-caption{font-size:13px;bottom:20px;right:22px;left:22px}.closing{padding:52px 25px;margin-bottom:60px}.closing h2{font-size:43px;line-height:1.55;margin-block:18px}.closing p{font-size:14px;line-height:1.9;max-width:245px}.closing-word{font-size:100px;left:-8%;bottom:16%;letter-spacing:-7px;opacity:.6}.closing-rings{left:-250px;opacity:.7}.closing .button{min-height:55px;font-size:14px;gap:28px}.footer .brand{width:169px}.footer-top{gap:20px;padding-bottom:27px}.footer-top p{width:100%;order:3;font-size:12px}.back-top{font-size:12px;gap:8px;margin-right:auto}.back-top span{width:32px;height:32px}.footer-bottom{font-size:10px;gap:16px;align-items:center}.footer-motion{font-size:11px}.footer{padding-bottom:24px}dialog{padding:40px 23px 28px;width:calc(100% - 24px);max-height:88svh}.detail-layout{display:flex;flex-direction:column-reverse;gap:20px}.detail-cover{height:170px;max-width:140px}.detail-copy h2{font-size:25px;margin-top:10px}.detail-copy p{font-size:14px}.detail-copy .button{font-size:13px;min-height:50px;width:100%;margin-top:20px}.finder-dialog h2{font-size:28px}.finder-intro{font-size:14px}.finder-options{gap:10px}.finder-options>button{padding:14px;min-height:132px}.finder-options strong{font-size:12px}.finder-options small{font-size:11px}.finder-result-list button{font-size:12px}.finder-result-list button span:last-child{font-size:11px}.motion-off .approach-sticky{padding-block:65px;min-height:0}}
@media(max-width:370px){.hero h1{font-size:44px}.hero-actions{gap:13px}.hero-actions .button{font-size:13px;padding-inline:15px;gap:17px}.universe{height:330px}.label-one{left:-7px}.label-two{right:-7px}.orbital-label{font-size:9px}.filters{gap:18px}.connection-node{font-size:10px;padding:7px}.story-step strong{font-size:10px}.section-heading h2{font-size:30px}.closing h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entrance,.system-card,.scroll-track i{animation:none}.reveal{opacity:1!important;transform:none!important}.approach{height:auto;min-height:0}.approach-sticky{position:relative;height:auto;padding-block:85px}.story-step{opacity:1;transform:none}*,*:before,*:after{transition-duration:.01ms!important}}