:root{--paper:#f6f3ec;--ink:#28242a;--muted:#847e81;--line:#ddd8d1;--pink:#ee92ab;--pink-soft:#f4d2da;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b5446c;outline-offset:6px}.shell{width:min(1152px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:10px;top:-60px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}.header{min-height:116px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:13px;align-items:center;font-size:14px;font-weight:850;letter-spacing:.08em}.brand small{display:block;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;margin-top:7px;color:var(--muted)}.brand-mark{font:italic 900 43px Georgia,serif;position:relative;line-height:1;padding-right:15px}.brand-mark>span{position:absolute;font:22px system-ui;color:#cb6385;right:0;top:-1px}.header nav{display:flex;gap:32px;align-items:center;font-size:12px}.nav-x{border:1px solid #b9b1b2;padding:11px 16px;border-radius:4px}.nav-x span{margin-left:15px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:66px 0 77px}.eyebrow{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#777075;margin:0 0 24px}.dot{display:inline-block;width:6px;height:6px;background:#c86c88;border-radius:50%;margin-right:8px;vertical-align:2px}h1{font:900 clamp(78px,9.4vw,124px)/.88 Arial,Helvetica,sans-serif;letter-spacing:-.085em;margin:0 0 28px}.alpha{position:relative}.star{color:var(--pink);position:absolute;font:76px/1 system-ui;right:-92px;top:5px;transform:rotate(9deg)}.period{color:#c96385}.hero-line{font-size:31px;font-weight:800;line-height:1.5;letter-spacing:-.03em;margin:0 0 16px}.underline{position:relative;z-index:0}.underline:after{content:"";position:absolute;left:-2px;right:-4px;bottom:1px;height:9px;background:var(--pink-soft);z-index:-1;transform:rotate(-2deg)}.intro{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 25px}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white;padding:17px 22px;border-radius:4px;width:227px;font-size:13px}.primary:hover{background:#443440}.primary>span:last-child{font-size:21px;font-weight:400}.handle{display:block;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);margin-top:14px;letter-spacing:.03em}.scene{padding:30px 25px 0 0;position:relative;max-width:450px;justify-self:end;width:100%}.scene-label{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:.06em;color:var(--muted);margin-bottom:22px}.scene-label>span{color:#a29a9d}.note{background:#fffcf7;border:1px solid #d7cfc8;border-radius:3px;position:relative;padding:25px 29px 21px;transform:rotate(3deg);box-shadow:8px 10px 0 #e6e0d7}.tape{position:absolute;top:-15px;left:calc(50% - 48px);width:96px;height:29px;background:#e8d5c2c4;transform:rotate(-4deg);border-inline:2px dashed #ffffff80}.note-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#978a86}.note-icon{font-size:22px;color:#796d71}.portrait{width:174px;height:174px;margin:26px auto 25px;position:relative;display:grid;place-items:center;border:1px solid #d9b9c3;border-radius:50%;background:#f1c5d0}.portrait:before{content:"";position:absolute;inset:12px;border:1px solid #d79eaf;border-radius:50%}.letter{font:italic 900 110px/1 Georgia,serif;color:#91445e;position:relative;z-index:1;transform:translate(-6px,-2px)}.portrait i{position:absolute;font:italic 35px Georgia,serif;right:23px;bottom:17px;color:#ad5974}.orbit{position:absolute;width:218px;height:66px;border:1px solid #9f6b7c;border-radius:50%;transform:rotate(-28deg);z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 55%,30% 55%,30% 0)}.small-star{position:absolute;font-size:27px;right:-14px;top:5px;color:#b25c79}.note-title{font-size:26px;font-weight:800;line-height:1.55;margin:0 0 13px;letter-spacing:-.03em}.note-title>span{color:#ab6077}.note-body{font-size:12px;color:#8d7d7a;line-height:1.9;margin:0 0 25px}.note-bottom{border-top:1px solid #e4dbd3;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.note-bottom>span:first-child{font:8px ui-monospace,monospace;letter-spacing:.05em;color:#b29e95}.signature{font:italic 25px Georgia,serif;color:#9b6a76}.sticker{background:var(--pink);border:1px solid #d47b96;position:absolute;right:-2px;bottom:58px;transform:rotate(-7deg);padding:13px 15px;font-size:11px;line-height:1.8;box-shadow:3px 3px 0 #d7c9c0}.sticker strong{font-size:13px}.scene-caption{font-size:10px;line-height:1.8;color:#9e9291;margin:31px 0 0 8px}.about{border-block:1px solid var(--line);padding:37px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.section-heading .eyebrow{font-size:9px;margin-bottom:12px}h2{font-size:24px;line-height:1.5;letter-spacing:-.04em;margin:0}.about>p{font-size:13px;line-height:2.05;color:#7b7377;max-width:530px;margin:0}.topics{padding:52px 0 42px}.topics-heading{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:25px}.topics-heading .eyebrow{width:100%;margin-bottom:-11px;font-size:9px}.topics-heading h2{font-size:23px}.topics-heading>span{font-size:11px;color:#9b9196;margin-left:auto}.topic{display:flex;gap:29px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.topic-num{font:italic 21px Georgia,serif;color:#bb7a90;align-self:flex-start;padding-top:3px}.topic h3{font-size:18px;font-weight:750;margin:0 0 8px;letter-spacing:-.02em}.topic p{font-size:12px;line-height:1.9;color:#8a7f86;margin:0}.topic-tag{margin-left:auto;flex-shrink:0;font:9px ui-monospace,monospace;letter-spacing:.06em;color:#a1989d}.hello{background:#f0e4e5;border:1px solid #dfcfd3;border-radius:5px;padding:32px;display:flex;align-items:center;gap:28px;margin:0 0 42px}.hello-star{font-size:62px;line-height:1;color:#bf728c;transform:rotate(10deg)}.hello .eyebrow{font-size:9px;margin-bottom:8px}.hello h2{font-size:22px}.hello p:last-child{font-size:11px;line-height:1.9;color:#9b7f8a;margin:8px 0 0}.hello>a{display:flex;gap:25px;align-items:center;border-bottom:1px solid #ae8292;padding:10px 0;font-size:12px;margin-left:auto;white-space:nowrap}.hello>a>span{font-size:22px}.footer{border-top:1px solid var(--line);padding-block:24px 30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#a3999e}.footer>span:first-child{font:9px ui-monospace,monospace;letter-spacing:.04em}@media(max-width:950px){.shell{width:calc(100% - 64px)}.hero{gap:30px}.star{font-size:57px;right:-68px;top:4px}.scene{padding-right:10px}.note{padding:24px 23px 18px}.note-title{font-size:23px}.note-body{font-size:10px}.sticker{right:-10px}.topic-tag{display:none}}@media(max-width:650px){.shell{width:calc(100% - 40px)}.header{min-height:89px;gap:10px}.brand{font-size:11px;gap:8px}.brand small{font-size:6px;letter-spacing:.03em}.brand-mark{font-size:34px;padding-right:11px}.brand-mark>span{font-size:17px}.header nav{gap:0;font-size:10px}.header nav>a:first-child{display:none}.nav-x{padding:10px 12px}.nav-x span{margin-left:7px}.hero{grid-template-columns:1fr;gap:38px;padding:38px 0 39px}.eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:86px;line-height:.9;margin-bottom:25px;letter-spacing:-.08em}.star{font-size:53px;right:-64px;top:7px}.hero-line{font-size:27px}.intro{font-size:13px}.primary{width:225px;padding:15px 20px}.hero-copy .handle{margin-top:12px}.scene{justify-self:center;width:calc(100% - 22px);padding:18px 8px 0 0;max-width:355px}.scene-label{font-size:6px;letter-spacing:.02em;margin-bottom:18px}.note{padding:23px 25px 19px;box-shadow:6px 8px 0 #e6e0d7;transform:rotate(2deg)}.portrait{width:143px;height:143px;margin:19px auto 20px}.letter{font-size:92px}.portrait i{font-size:28px;right:20px;bottom:15px}.orbit{width:181px;height:56px}.small-star{font-size:24px;right:-10px}.note-title{font-size:24px}.note-body{font-size:11px}.sticker{right:-7px;bottom:53px;padding:10px 12px}.scene-caption{font-size:9px;margin-top:27px}.about{display:block;padding:29px 0}.about h2{font-size:22px}.about>p{font-size:12px;margin-top:18px;line-height:2}.topics{padding:34px 0 28px}.topics-heading{gap:12px;margin-bottom:20px}.topics-heading .eyebrow{margin-bottom:-3px}.topics-heading h2{font-size:22px}.topics-heading>span{width:100%;margin:0;font-size:10px}.topic{gap:18px;padding:23px 0}.topic-num{font-size:18px}.topic h3{font-size:16px}.topic p{font-size:11px}.hello{padding:23px 21px;gap:17px;flex-wrap:wrap;margin-bottom:31px}.hello-star{font-size:44px;align-self:flex-start}.hello>div{flex:1;min-width:180px}.hello h2{font-size:20px}.hello>a{margin-left:62px;font-size:12px;padding-top:0}.hello p:last-child{font-size:10px}.footer{font-size:8px;flex-wrap:wrap;gap:12px;padding:19px 0 24px}.footer>span:first-child{font-size:8px}.footer>span:last-child{width:100%}}@media(max-width:350px){h1{font-size:76px}.star{font-size:45px;right:-54px}.hero-line{font-size:25px}.scene{width:calc(100% - 14px)}.note{padding-inline:19px}.note-title{font-size:22px}.note-body{font-size:10px}.hello>div{min-width:155px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}