@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Crimson+Pro:ital,wght@300;400;500;600&display=swap');

:root{--paper:#f3f0e8;--card:#fbfaf6;--ink:#171816;--muted:#77736a;--line:#d7d2c7;--green:#355544;--green-soft:#e3e9e0;--brown:#876947;--brown-soft:#eee7dc}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:"Crimson Pro",Georgia,serif;overflow-x:hidden;background:radial-gradient(circle at 8% 20%,rgba(53,85,68,.07),transparent 25%),radial-gradient(circle at 92% 80%,rgba(135,105,71,.07),transparent 26%),linear-gradient(135deg,#f8f6f0,#efebe2)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 1px,transparent 1px 6px)}
.landing{width:min(1120px,100%);min-height:100vh;margin:auto;padding:58px 42px 32px;display:flex;flex-direction:column;justify-content:center;position:relative}
.hero{text-align:center;margin-bottom:50px}
.overline{display:flex;align-items:center;justify-content:center;gap:13px;font:600 10px/1 "Cinzel",serif;letter-spacing:.3em;color:#77736a}
.overline i{display:block;width:42px;height:1px;background:#bdb7aa}.overline b{font-weight:400;color:#aaa49a}
h1{margin:17px 0 8px;font:600 clamp(58px,7vw,92px)/.9 "Cinzel",serif;letter-spacing:.13em;text-indent:.13em}
.rule{display:flex;align-items:center;justify-content:center;gap:14px;color:#69665e}.rule span{width:58px;height:1px;background:linear-gradient(90deg,transparent,#c1bbaf)}.rule span:last-child{background:linear-gradient(90deg,#c1bbaf,transparent)}.rule em{font:400 22px/1 "Crimson Pro",serif;font-style:normal;letter-spacing:.04em}
.lead{margin:12px 0 0;font:italic 16px/1.3 "Crimson Pro",serif;color:#8b867b}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:min(940px,100%);margin:0 auto}
.choice{height:320px;position:relative;display:block;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);padding:28px 30px;box-shadow:0 16px 45px rgba(44,39,30,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.choice:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 50%);pointer-events:none}
.choice:hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(44,39,30,.12);border-color:#b8b1a4}
.study{background:linear-gradient(145deg,#fbfcf8 0%,#f4f6ef 100%)}.plan{background:linear-gradient(145deg,#fcfaf6 0%,#f3eee6 100%)}
.card-top{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.card-top span{font:600 12px "Cinzel",serif;letter-spacing:.12em}.card-top small{font:600 9px "Cinzel",serif;letter-spacing:.24em;color:#888278}.card-top small:before{content:"";display:inline-block;width:22px;height:1px;background:#b9b3a8;margin:0 10px 3px 0}
.card-content{position:absolute;left:30px;bottom:60px;z-index:2;max-width:310px}.card-content h2{margin:0;font:600 39px/1 "Cinzel",serif;letter-spacing:.08em}.card-content p{margin:12px 0 0;font-size:19px;line-height:1.32;color:#6e6a61;max-width:315px}
.go{position:absolute;left:30px;bottom:25px;z-index:3;font:600 10px "Cinzel",serif;letter-spacing:.19em;color:#666158;transition:color .25s}.go b{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:9px;border:1px solid #c9c3b8;border-radius:50%;font:20px Georgia;vertical-align:middle;transition:.25s}.choice:hover .go{color:var(--ink)}.choice:hover .go b{background:var(--ink);border-color:var(--ink);color:white;transform:translate(3px,-2px)}
.card-art{position:absolute;right:18px;top:72px;width:190px;height:180px;opacity:.78;transform:rotate(-7deg);transition:transform .4s ease,opacity .4s}.choice:hover .card-art{transform:rotate(-3deg) translateY(-5px);opacity:1}
.art-book:before{content:"";position:absolute;right:18px;top:25px;width:120px;height:145px;border:1px solid #b7c3b3;background:rgba(255,255,255,.3);box-shadow:12px 12px 0 rgba(53,85,68,.07)}.art-book:after{content:"";position:absolute;right:48px;top:46px;width:66px;height:1px;background:#6c806f;box-shadow:0 19px 0 #a5afa5,0 38px 0 #a5afa5,0 57px 0 #a5afa5}
.art-book span{position:absolute;width:13px;height:13px;border:1px solid #718474;border-radius:50%;z-index:2}.art-book span:nth-child(1){right:112px;top:47px}.art-book span:nth-child(2){right:112px;top:85px}.art-book span:nth-child(3){right:112px;top:123px}
.art-calendar{right:27px;top:66px;width:165px;height:165px;border:1px solid #c6b7a2;background:rgba(255,255,255,.3);box-shadow:10px 10px 0 rgba(135,105,71,.08)}.art-calendar:before{content:"";position:absolute;left:0;right:0;top:35px;height:1px;background:#b8a78f}.art-calendar:after{content:"";position:absolute;left:0;top:0;width:100%;height:35px;background:rgba(135,105,71,.07)}.art-calendar span{position:relative;display:inline-block;width:25%;height:42px;margin-top:40px;border-right:1px solid rgba(135,105,71,.12)}
footer{width:min(940px,100%);margin:35px auto 0;padding-top:16px;border-top:1px solid rgba(190,184,172,.75);display:flex;align-items:center;gap:18px;color:#8b867c;font:11px "Cinzel",serif;letter-spacing:.13em}footer .footer-line{flex:1;height:1px;background:#ddd8ce}footer span:last-child{font-family:"Crimson Pro",serif;font-size:13px;font-style:italic;letter-spacing:.02em}
@media(max-width:760px){.landing{padding:38px 18px 24px;justify-content:flex-start}.hero{margin:30px 0 38px}.overline{gap:8px;font-size:8px;letter-spacing:.2em}.overline i{width:22px}h1{font-size:clamp(46px,14vw,68px);margin-top:15px}.rule{gap:9px}.rule span{width:24px}.rule em{font-size:18px}.lead{font-size:14px}.choices{grid-template-columns:1fr;gap:15px}.choice{height:255px;padding:24px}.card-content{left:24px;bottom:55px;max-width:230px}.card-content h2{font-size:31px}.card-content p{font-size:17px}.go{left:24px;bottom:20px}.card-art{right:2px;top:62px;transform:scale(.78) rotate(-7deg);transform-origin:center}.choice:hover .card-art{transform:scale(.8) rotate(-3deg) translateY(-5px)}footer{margin-top:30px;gap:10px}footer .footer-line{display:none}footer span:last-child{margin-left:auto}.art-calendar{right:18px}}