*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#171819}body{font-family:'KaiTi','STKaiti',serif;color:#faf5ee}.study{width:100%;height:100svh;min-height:540px;position:relative;overflow:hidden;isolation:isolate;container-type:size;background:#171819}.art-plate{position:absolute;inset:0;z-index:-2;background:url("/site/trajectory-study/background-plate.webp") center/100% 100% no-repeat}.site-header{position:absolute;left:3%;right:3%;top:1%;height:5%;display:flex;align-items:center;z-index:10}.logo{display:flex;align-items:center;gap:.2em;transform:rotate(-8deg);font:italic 400 2.5cqw/1 'Segoe Print',cursive;color:#fff;text-decoration:none;white-space:nowrap}.logo span{font:400 2.7cqw/1 Georgia}.site-header nav{position:absolute;left:18.8%;width:67%;display:flex;justify-content:space-between;gap:2cqw;align-items:center}.site-header nav a{position:relative;color:#f4f1ed;text-decoration:none;font:400 1.4cqw/1.5 Arial,sans-serif;white-space:nowrap}.site-header nav a[aria-current]{font-style:italic;font-size:1.85cqw}.site-header nav a[aria-current]:after{content:'';position:absolute;left:-4%;right:-4%;bottom:-.7cqh;height:.55cqh;background:#416bff;clip-path:polygon(0 30%,20% 0,55% 20%,92% 0,100% 65%,79% 100%,44% 65%,5% 100%)}
.page-heading{position:absolute;left:2.8%;top:12.4%;width:28%;height:21.8%;color:#0b0c0f;transform:rotate(-6deg);z-index:5}.page-heading h1{margin:0}.page-heading em{position:absolute;left:0;top:0;color:#3d6dfc;font:italic 10cqw/1 Georgia;letter-spacing:-.08em}.page-heading strong{position:absolute;left:42%;top:2%;font:italic 700 3.6cqw/1.03 'STKaiti','KaiTi',serif;letter-spacing:-.035em;white-space:nowrap}.divider{position:absolute;left:37%;top:10%;font:italic 6cqw/1 Georgia}.page-heading p{position:absolute;left:31%;top:72%;margin:0;color:#3075fd;font:italic 700 1.7cqw/1 Arial,sans-serif;white-space:nowrap;letter-spacing:-.025em}
.office-ip{position:absolute;left:38.2%;bottom:.4%;width:23.5%;height:40%;object-fit:fill;z-index:4;pointer-events:none;filter:drop-shadow(3px 0 #e9e5df) drop-shadow(-3px 0 #e9e5df) drop-shadow(0 -3px #e9e5df) drop-shadow(0 3px #e9e5df)}
.milestone{position:absolute;z-index:6;background:transparent;border:0;padding:.5cqh .6cqw;color:#101114;text-align:left;cursor:pointer;transition:translate .18s,background-color .18s;border-radius:3px}.milestone:hover{background:#d8e6ff44;translate:0 -3px}.milestone strong{display:block;font:700 1.7cqw/1.1 'STKaiti','KaiTi',serif;white-space:nowrap}.milestone small{display:block;margin-top:.6cqh;font:400 1.23cqw/1.2 'STKaiti','KaiTi',serif;white-space:nowrap}.milestone-0{left:7.3%;top:77%;width:8.6%;height:7.5%;transform:rotate(-4deg)}.milestone-1{left:16.4%;top:69%;width:8.5%;height:7%;transform:rotate(-4deg)}.milestone-2{left:25%;top:59.8%;width:10.4%;height:9.2%;transform:rotate(-5deg)}.milestone-3{left:34.5%;top:53.7%;width:10%;height:7.2%;transform:rotate(-4deg)}.milestone-4{left:43.6%;top:45.8%;width:10%;height:7%;transform:rotate(-4deg)}.milestone-5{left:58.3%;top:27.4%;width:8%;height:9.5%;transform:rotate(-7deg)}.milestone-6{left:65.1%;top:76.8%;width:9.8%;height:10.3%;transform:rotate(-7deg)}.milestone-7{left:76.9%;top:57%;width:9.5%;height:9.5%;transform:rotate(-5deg)}.milestone-8{left:80.5%;top:41.1%;width:10.1%;height:10%;transform:rotate(-6deg)}.milestone-9{left:85.6%;top:23.8%;width:12%;height:11%;transform:rotate(-5deg)}.milestone-9 strong{font-size:2.25cqw}.milestone-7 strong,.milestone-8 strong{font-family:Georgia,serif;font-style:italic;font-size:1.8cqw}.milestone-6 strong{font-size:2cqw}
.mobile-intro{display:none}a:focus-visible,button:focus-visible{outline:3px solid #6e9cff;outline-offset:5px}dialog{width:min(690px,92vw);max-height:85svh;overflow:auto;border:1px solid #afb6c8;background:#f1e9de;color:#1b202b;padding:38px;box-shadow:0 28px 110px #0009;border-radius:4px}dialog::backdrop{background:#040912c9;backdrop-filter:blur(5px)}.close{position:absolute;right:13px;top:10px;border:0;background:transparent;font:30px Arial;color:#151a24;cursor:pointer}.detail-eyebrow{color:#3c61a1;font:12px/1.5 Arial;letter-spacing:.12em}dialog h2{font:700 27px/1.35 'KaiTi',serif;margin:20px 0}.detail-body{font:20px/1.8 'KaiTi',serif}.detail-body p{margin:15px 0}.detail-navigation{margin-top:28px;padding-top:18px;border-top:1px solid #31252030;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-navigation button{background:transparent;border:0;padding:10px 0;color:#375c9c;font:15px 'Microsoft YaHei',sans-serif;cursor:pointer}.detail-navigation button:disabled{opacity:.35;cursor:default}.detail-count{font:12px Arial;color:#6c7485}
@media(max-width:760px){.study{height:auto;min-height:100svh;padding:100px 23px 40px;display:flex;flex-direction:column;gap:22px;container-type:normal;background:radial-gradient(ellipse at 40% 24%,#1e3a6240,transparent 60%),#181a20}.art-plate{height:540px;background-size:auto 100%;background-position:20% top;opacity:.45;mask-image:linear-gradient(#000 65%,transparent)}.site-header{height:75px;top:0;left:20px;right:20px;justify-content:space-between;gap:20px}.logo{font-size:27px}.logo span{font-size:34px}.site-header nav{position:relative;left:auto;width:61%;overflow-x:auto;justify-content:start;gap:18px;padding:10px 0}.site-header nav a,.site-header nav a[aria-current]{font-size:11px}.site-header nav a[aria-current]:after{height:3px;bottom:-4px}.page-heading{position:relative;inset:auto;width:100%;height:175px;min-height:175px;order:0;background:#eee7dd;clip-path:polygon(1% 5%,15% 0,38% 4%,66% 0,99% 6%,97% 50%,100% 96%,75% 100%,30% 96%,0 100%,3% 45%);transform:rotate(-3deg)}.page-heading em{font-size:100px;left:10px;top:22px}.page-heading strong{font-size:35px;left:44%;top:30px}.divider{font-size:70px;left:36%;top:29px}.page-heading p{font-size:17px;left:29%;top:82%}.mobile-intro{position:relative;display:block;order:1;font-size:18px;line-height:1.7;color:#c9d9ed;margin:5px 0 12px}.milestone{position:relative;inset:auto;width:calc(100% - 24px);height:auto;min-height:132px;order:2;margin-left:24px;padding:20px 25px;background:#eee5db;clip-path:polygon(1% 5%,15% 0,38% 4%,66% 0,99% 6%,97% 50%,100% 96%,75% 100%,30% 96%,0 100%,3% 45%);transform:rotate(-2deg)}.milestone:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:#6993ff}.milestone:nth-of-type(even){margin-left:0;transform:rotate(2deg)}.milestone strong,.milestone-7 strong,.milestone-8 strong,.milestone-9 strong,.milestone-6 strong{font-size:28px}.milestone small{font-size:19px;line-height:1.5;margin-top:8px}.milestone-6{background:#f1a7ad}.office-ip{position:relative;inset:auto;width:80%;height:410px;object-fit:contain;align-self:center;order:3}dialog{padding:28px}.detail-body{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:761px){.page-heading em{top:-20%}.milestone{padding:.35cqh .4cqw}.milestone strong{font-size:1.65cqw}.milestone small{font-size:1.1cqw;margin-top:.45cqh}.milestone-1{top:68.2%}.milestone-2{top:59%}.milestone-3{top:52.4%}.milestone-4{top:44.5%}.milestone-5{top:26%}.milestone-6{top:75.2%}.milestone-7{top:56.5%}.milestone-8{top:40.4%}.milestone-9{top:22%}.milestone-7 strong,.milestone-8 strong{font-size:1.6cqw}.milestone-9 strong{font-size:2.25cqw}.milestone-6 strong{font-size:2cqw}}