:root{color-scheme:dark;--bg:#0c0a12;--text:#eee7dc;--muted:#aaa2b4;--gold:#ceaf78;--line:#342b40;font-family:system-ui,"Microsoft JhengHei",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 28%,#27183180,transparent 48%),var(--bg)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip-link{position:absolute;top:12px;left:12px;transform:translateY(-160%);z-index:5;padding:12px;background:var(--bg)}.skip-link:focus{transform:none}.masthead,main,footer{max-width:1440px;margin:auto}.masthead{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:1px}.brand-mark{color:var(--gold);font-size:32px;vertical-align:middle;margin-right:10px}.workshop-link{font-size:13px;color:var(--muted);padding:10px 0}.workshop-link span{margin-left:20px;color:var(--gold)}.workshop-link:hover,.secondary:hover,footer a:hover{color:var(--gold)}.hero{position:relative;min-height:690px;padding:100px 6% 90px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);display:flex;gap:12px;align-items:center}.eyebrow>span{width:24px;height:1px;background:var(--gold)}h1,h2,h3{font-family:"Noto Serif TC","PMingLiU",serif;font-weight:500}h1{font-size:clamp(40px,4.6vw,66px);line-height:1.45;letter-spacing:5px;margin:26px 0}.gold{color:var(--gold)}.intro{color:var(--muted);font-size:14px;line-height:2.2;letter-spacing:1px}.actions{display:flex;gap:26px;align-items:center;margin-top:36px}.start{display:flex;justify-content:space-between;gap:60px;padding:18px 24px;background:#ceaf78;color:#1b1420;font-size:14px;letter-spacing:2px;border:1px solid #e1c28e;transition:background .2s,box-shadow .2s}.start:hover{background:#e4c892;box-shadow:0 0 35px #ceaf7820}.secondary{font-size:12px;color:var(--muted)}.secondary span{margin-left:10px}.prototype{font-size:11px;letter-spacing:1px;color:#a49aac;margin-top:18px}.sigil{position:relative;aspect-ratio:1;max-width:480px;width:100%;justify-self:center;display:grid;place-items:center;background:radial-gradient(circle,#7f4f8229,transparent 63%)}.orbit{position:absolute;border:1px solid #a3826240;border-radius:50%}.orbit-outer{inset:5%;outline:1px solid #a3826218;outline-offset:12px}.orbit-inner{inset:18%;border-style:dashed;border-color:#a3826245}.diamond{position:absolute;width:60%;height:60%;border:1px solid #a3826238;transform:rotate(45deg)}.moon{width:49%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 32%,#2c2236,#100d18 62%);box-shadow:9px -5px 0 -2px #d9ba85,13px -8px 24px -9px #f3cf96,0 0 70px #74438038;transform:rotate(-28deg)}.star{position:absolute;color:#d1b280}.star-one{top:3%;left:48%;font-size:24px}.star-two{right:6%;top:50%;font-size:25px}.star-three{left:15%;bottom:18%;font-size:16px}.sigil-caption{position:absolute;bottom:12%;font-size:9px;letter-spacing:4px;color:#ac9272}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;color:#9b8eaa;font-size:10px;letter-spacing:2px}.guide{margin:0 6%;border-top:1px solid var(--line);padding:46px 0 55px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.guide-heading h2{font-size:26px;letter-spacing:2px;margin:18px 0 12px}.guide-heading>p:last-child{font-size:12px;color:var(--muted);line-height:1.8}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps li{border-left:1px solid var(--line);padding-left:22px}.step-number{font-family:Georgia,serif;color:var(--gold);font-size:13px}.steps h3{font-size:19px;letter-spacing:2px;margin:18px 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 6%;border-top:1px solid #ffffff0b;font-size:10px;letter-spacing:1px;color:var(--muted)}.footer-dot{color:var(--gold);margin:0 10px}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:800px){.hero{min-height:600px;padding-top:65px;grid-template-columns:1fr}.hero-copy{max-width:520px}.sigil{position:absolute;width:400px;right:-135px;top:80px;opacity:.38}.guide{grid-template-columns:1fr;gap:24px}.steps{gap:18px}h1{font-size:48px}}@media(max-width:480px){.masthead{padding:20px 6%}.brand{font-size:22px}.hero{padding-top:50px;min-height:600px}h1{font-size:38px;letter-spacing:3px}.intro{font-size:13px}.sigil{right:-195px;top:105px}.actions{gap:20px}.start{gap:35px}.hero-bottom{font-size:8px;letter-spacing:1px}.steps{grid-template-columns:1fr;gap:24px}.steps li{padding-left:18px}.steps h3{display:inline-block;margin:0 0 10px 18px}.guide{padding-top:30px}footer{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Quiet title screen. */
.masthead{border:0}.hero{min-height:calc(100dvh - 100px);padding-top:40px;padding-bottom:80px}.hero h1{font-size:clamp(42px,6vw,84px)}.hero h1 .gold{font-size:.55em;letter-spacing:.35em}.actions{margin-top:48px}.start{background:transparent;color:var(--gold);border:0;border-bottom:1px solid #ceaf7860;padding:18px 0;min-width:210px}.start:hover{background:#ceaf7808}.sigil{opacity:.8}