:root{--black:#0b0b0a;--white:#e8e3d8;--red:#b92b25;--serif:"FZKai-Z03","STKaiti","KaiTi","BiauKai","Noto Serif SC","Songti SC",serif}
.brand-seal{position:relative;width:30px;height:38px;display:grid;place-items:center;color:#f1e7d2;background:#a72822;border:1px solid rgba(239,214,180,.65);box-shadow:inset 0 0 0 2px rgba(82,9,8,.32);transform:rotate(-2deg)}.brand-seal::after{position:absolute;left:50%;bottom:-5px;width:10px;height:10px;content:"";background:#a72822;border-right:1px solid rgba(239,214,180,.65);border-bottom:1px solid rgba(239,214,180,.65);transform:translateX(-50%) rotate(45deg)}.brand-seal i{position:absolute;inset:3px;border:1px solid rgba(239,214,180,.32)}.brand-seal b{position:relative;z-index:1;font-family:var(--serif);font-size:18px;font-weight:500}.brand>span:last-child{font-family:var(--serif);font-size:15px;letter-spacing:.18em}
.hero-title p,.draw-form h2,.draw-form>p,.saved-birth span,.saved-birth strong,.reading-nav,.reading-nav b,.slip-mark span,.slip-mark b,.interpretation h2,.interpretation h3,.interpretation p,.slip-text blockquote{font-family:var(--serif)}
.hero-title p{color:#b9b0a4;font-size:13px;letter-spacing:.25em}.hero-title h1{color:var(--white);font-family:var(--serif);font-size:clamp(60px,7.6vw,122px);line-height:1.08;letter-spacing:.04em;text-shadow:0 3px 25px rgba(0,0,0,.38)}.hero-title em{color:var(--red);-webkit-text-stroke:0;letter-spacing:.02em}.draw-form h2{font-size:22px;font-weight:600;letter-spacing:.08em}.draw-form>p{color:#aaa49c;font-size:13px;line-height:2}.saved-birth span{color:#9b9389}.saved-birth strong{font-size:21px;font-weight:500}.reading-nav{color:#877f75;font-size:12px}.reading-nav b{color:var(--red);font-weight:600}.interpretation h2{font-size:clamp(28px,3vw,48px);line-height:1.4;letter-spacing:.03em}.interpretation h3{color:#9b9389;font-size:13px}.interpretation p{color:#b3ada3;font-size:15px;line-height:2.1}@media(max-width:760px){.hero-title h1{font-size:62px;line-height:1.12}}
.slip-stage{min-height:86vh;display:grid;place-items:center;padding:60px 0}.result-slip{position:relative;width:min(430px,80vw);height:min(760px,78vh);min-height:620px;opacity:0;transform:translateY(80px) rotate(-2deg);animation:slipRise .9s cubic-bezier(.16,1,.3,1) forwards}.result-slip>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen}.result-slip-content{position:absolute;z-index:2;left:28%;top:23%;width:45%;height:66%;display:flex;flex-direction:column;align-items:center;color:#24110e}.result-slip-content>span{max-width:14em;margin-bottom:14px;font-family:var(--serif);font-size:13px;line-height:1.4;text-align:center}.result-slip-content blockquote{height:350px;margin:0;font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.75;letter-spacing:.08em;writing-mode:vertical-rl;text-orientation:upright}.slip-number{display:flex;align-items:baseline;gap:4px;margin-top:auto;font-family:var(--serif)}.slip-number span,.slip-number b{font-size:11px;font-weight:500}.slip-number strong{font-size:28px;font-weight:600}.interpretation{grid-template-columns:1.35fr 1fr 1fr}.interpretation-number{display:none}@keyframes slipRise{to{opacity:1;transform:translateY(0) rotate(-1deg)}}@media(max-width:760px){.result-slip{width:340px;height:620px;min-height:620px}.result-slip-content{left:27%;top:23%;width:47%;height:66%}.result-slip-content blockquote{height:300px;font-size:18px;line-height:1.65}.interpretation{grid-template-columns:1fr}}