@charset "UTF-8";
:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#233247;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#e9e7e1}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #406ea0;outline-offset:6px}.hero{position:relative;isolation:isolate;height:max(900px,100svh);min-height:900px;overflow:hidden}.landscape{position:absolute;inset:-3%;z-index:-4;background:#e1e5e5 url('assets/background.webp') center 60%/cover;transform:translate(var(--px,0px),var(--py,0px)) scale(1.035);transition:transform 1s ease-out}.light{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#f7f1e638,transparent 65%,#102539a1),radial-gradient(ellipse at 50% 28%,#fff9eab8,transparent 47%);pointer-events:none}.grain{position:absolute;inset:0;z-index:15;opacity:.025;pointer-events:none;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:108px;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:3px;font-weight:700}.brand-mark{font-size:39px;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.7px;margin-top:7px;font-weight:400}.sound{background:none;color:inherit;font:inherit;cursor:pointer;border:1px solid #34465830;border-radius:30px;padding:10px 14px;font-size:11px;display:flex;align-items:center;gap:8px}.headline{text-align:center;position:relative;z-index:5;margin-top:30px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:3px;display:flex;justify-content:center;align-items:center;gap:9px;margin-bottom:25px}.eyebrow i{width:5px;height:5px;background:#537c78;border-radius:50%;box-shadow:0 0 0 4px #537c7815}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(55px,5.7vw,90px);line-height:1.03;letter-spacing:-4px;margin:0}h1 em{display:block;font-weight:400;background:linear-gradient(100deg,#346f9e 25%,#9279a0 52%,#b77462 80%);background-clip:text;color:transparent}.subtitle{font-size:14px;letter-spacing:4px;margin:25px 0 12px}.translation{font-size:8px;letter-spacing:2.5px;opacity:.55}.constellation{position:absolute;inset:0;z-index:8;pointer-events:none}.card{--r:0deg;position:absolute;width:240px;height:162px;border:1px solid #ffffffc9;border-radius:11px;padding:5px;background:#ffffff4a;box-shadow:0 15px 35px #223e4826,0 2px 4px #223e481c;transform:rotate(var(--r));backdrop-filter:blur(12px);animation:arrive .9s backwards;animation-delay:var(--delay)}.card-inner{position:relative;height:100%;overflow:hidden;border-radius:7px}.card img{width:100%;height:100%;object-fit:cover}.card:after{content:"";position:absolute;inset:5px;border-radius:7px;background:linear-gradient(120deg,#fff0 35%,#ffffff35 50%,#fff0 65%);pointer-events:none}.card:nth-child(1){left:4.8%;top:250px;--r:-7deg;width:275px;height:182px}.card:nth-child(2){left:8.5%;top:466px;--r:5deg;width:220px;height:147px}.card:nth-child(3){left:23%;top:638px;--r:-5deg;width:208px;height:137px}.card:nth-child(4){right:4.8%;top:246px;--r:7deg;width:275px;height:182px}.card:nth-child(5){right:8.5%;top:466px;--r:-5deg;width:220px;height:147px}.card:nth-child(6){right:23%;top:638px;--r:5deg;width:208px;height:137px}.handwritten{position:absolute;top:440px;left:50%;transform:translateX(-50%) rotate(-7deg);font-family:"KaiTi","STKaiti",Georgia,serif;font-size:27px;line-height:1.65;letter-spacing:4px;z-index:6;text-align:center}.handwritten span{padding-left:30px}.handwritten svg{display:block;width:200px;margin-left:30px;fill:none;stroke:#43505d;stroke-width:1;stroke-linecap:round}.foreground{position:absolute;pointer-events:none;z-index:7;object-fit:contain;filter:drop-shadow(0 12px 16px #243d5425)}.girl{width:310px;height:355px;left:0;bottom:50px;object-position:bottom left}.desk{width:340px;height:300px;right:-25px;bottom:43px;object-position:bottom right}.cta-wrap{position:absolute;bottom:91px;left:50%;transform:translateX(-50%);text-align:center;z-index:12;white-space:nowrap}.cta-wrap p{font-size:10px;letter-spacing:4px;color:white;margin:15px 0 0;text-shadow:0 1px 5px #123}.hero footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#f4f4f0bf;font-size:8px;letter-spacing:1.4px;padding:17px 4%;z-index:10;border-top:1px solid #ffffff25}footer b{margin:0 13px}footer button,.hero footer a{border:0;background:none;font:inherit;color:#fff;font-size:9px;letter-spacing:1px;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .3s,color .3s}.hero footer a:hover{border-bottom-color:#fff}footer button span{margin-left:12px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .landscape{transform:scale(1.035)}@keyframes arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@media(min-width:1600px){.card:nth-child(1),.card:nth-child(4){width:320px;height:211px}.card:nth-child(2),.card:nth-child(5){width:250px;height:166px}.girl{width:370px}.desk{width:400px}}@media(max-width:1150px){h1{font-size:62px}.headline{margin-top:20px}.card:nth-child(1),.card:nth-child(4){width:220px;height:150px;top:290px}.card:nth-child(2),.card:nth-child(5){width:190px;height:133px;top:478px;left:5%}.card:nth-child(5){left:auto;right:5%}.card:nth-child(3),.card:nth-child(6){width:170px;height:120px;top:636px}.girl{width:240px}.desk{width:270px}.handwritten{font-size:23px;top:445px}.edition{display:none}}@media(max-width:760px){.hero{height:auto;min-height:1450px;padding-bottom:250px}.landscape{background-position:50% 70%}.light{background:linear-gradient(#f4eee875,transparent 65%,#183f55a6)}header{height:90px;padding:20px 6%}.brand{font-size:10px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.7px}.brand-mark{font-size:30px}.sound{display:none}.headline{margin-top:25px;padding:0 15px}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:clamp(38px,8.3vw,61px);letter-spacing:-2px}.subtitle{font-size:11px;letter-spacing:1.8px;margin-top:22px}.translation{font-size:6px;letter-spacing:1.3px}.constellation{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px 17px;padding:0 6%;margin-top:65px}.card:nth-child(n){position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.22;--r:-3deg}.card:nth-child(even){--r:3deg;translate:0 27px}.handwritten{top:auto;bottom:350px;font-size:25px;white-space:nowrap}.girl{bottom:58px;width:205px;height:260px;left:-22px}.desk{bottom:60px;width:230px;height:240px;right:-48px}.cta-wrap{bottom:86px}.cta-wrap p{font-size:8px}.hero footer{padding:18px 6%;font-size:6px}.hero footer button{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.landscape{transform:none}}
.cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:1px solid #ffffff90;border-radius:30px;color:#fff;font-size:11px;letter-spacing:3px;background:#ffffff1f;backdrop-filter:blur(8px);text-shadow:0 1px 4px #123;transition:background .3s,border-color .3s}.cta:hover{background:#ffffff38;border-color:#fff}.cta span{transition:translate .3s}.cta:hover span{translate:0 3px}.constellation a.card{pointer-events:auto;cursor:pointer;transition:transform .4s,box-shadow .4s}.constellation a.card:hover{transform:rotate(var(--r)) translateY(-6px);box-shadow:0 24px 45px #223e4833,0 2px 4px #223e481c}.matrix{max-width:1180px;margin:0 auto;padding:110px 6% 90px}.matrix-head{text-align:center;max-width:640px;margin:0 auto 70px}.matrix-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 20px}.matrix-head h2 em{font-style:normal;background:linear-gradient(100deg,#346f9e 25%,#9279a0 52%,#b77462 80%);background-clip:text;color:transparent}.matrix-head p{font-size:13px;letter-spacing:1px;line-height:1.9;opacity:.7;margin:0}.matrix-group{margin-bottom:56px}.matrix-group h3{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:4px;font-weight:700;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #34465826}.matrix-group h3 span{font-family:Georgia,serif;font-weight:400;font-size:18px;letter-spacing:0;opacity:.45}.matrix-group ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.matrix-group a{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px 22px 20px;border:1px solid #ffffffd0;border-radius:12px;background:#ffffff80;box-shadow:0 10px 28px #223e4812,0 1px 2px #223e4814;transition:transform .35s,box-shadow .35s,background .35s}.matrix-group a:hover{transform:translateY(-5px);background:#ffffffc0;box-shadow:0 22px 40px #223e481f,0 2px 4px #223e4814}.matrix-group b{font-size:17px;letter-spacing:.5px}.matrix-group a span{font-size:12.5px;line-height:1.8;opacity:.72;flex:1}.matrix-group i{font-style:normal;font-size:10px;letter-spacing:1.5px;opacity:.5;padding-top:10px;border-top:1px dashed #34465830}.matrix-note{text-align:center;font-family:"KaiTi","STKaiti",Georgia,serif;font-size:18px;letter-spacing:3px;opacity:.6;margin:30px 0 0}@media(max-width:1150px){.matrix-group ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.matrix{padding:70px 6% 60px}.matrix-head{margin-bottom:48px}.matrix-head h2{font-size:30px;letter-spacing:-1px}.matrix-group ul{grid-template-columns:1fr;gap:14px}.matrix-group a{padding:20px 18px 16px}.matrix-note{font-size:15px}.cta{font-size:9px;padding:9px 16px}}