:root{--cream:#fbf6ed;--ink:#544231;--gold:#997034;--line:#dfcbaa;--muted:#776752;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--gold);background:var(--gold);color:white;border-radius:4px;padding:13px 24px;text-decoration:none;cursor:pointer}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}button:hover,.button:hover{filter:brightness(.94)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #795621;outline-offset:5px}.preview{background:#efe5d3;text-align:center;padding:6px 15px;color:#6b5637;font-size:10px;letter-spacing:1.4px}header{max-width:1240px;margin:auto;padding:22px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font:20px/1.25 Georgia,serif}.brand img{width:72px;height:72px;object-fit:contain}nav{display:flex;gap:29px;flex-wrap:wrap;font-size:14px}nav a{text-decoration:none}nav a[aria-current=page]{color:var(--gold);text-decoration:underline}main{max-width:1168px;margin:auto;padding:0 32px;min-height:65vh}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;min-height:590px;padding:58px 0 65px}.eyebrow{text-transform:uppercase;color:var(--gold);letter-spacing:2.6px;font-size:11px;margin:0 0 22px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(40px,4.5vw,65px);line-height:1.14;margin:20px 0 25px;letter-spacing:-1.6px}h1 em{font-weight:400;color:var(--gold)}h2{font-size:36px;line-height:1.25;margin:10px 0 18px}h3{font-size:25px;line-height:1.35;margin:10px 0}.lead{font:20px/1.75 Georgia,serif;max-width:580px}.muted,.small{color:var(--muted)}.small{font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{height:460px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#eadcc1aa,transparent 70%)}.hero-art img{width:238px;border-radius:13px;box-shadow:0 20px 40px #63441e20}.hero-art .rear{position:absolute;transform:translateX(-70px) rotate(-13deg);width:212px;opacity:.9}.hero-art .front{position:relative;transform:translateX(45px) rotate(9deg)}.art-caption{position:absolute;bottom:0;font-size:11px;letter-spacing:2px;color:var(--gold)}.intro-line{padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:28px}.intro-line p{margin:0;max-width:530px}.section{padding:58px 0}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:7px;text-decoration:none;padding:28px;display:flex;flex-direction:column;min-height:254px;transition:transform .18s,box-shadow .18s}.product:hover{transform:translateY(-4px);box-shadow:0 10px 25px #77552b0c}.product .index{font:14px Georgia,serif;color:var(--gold);margin-bottom:28px}.product p{font-size:14px;color:var(--muted);margin:8px 0 28px}.product .go{margin-top:auto;font-size:13px;color:var(--gold)}.product.featured{background:#eee4d3}.product.wide{grid-column:span 2}.tag{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold)}.author-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0;display:grid;grid-template-columns:1fr 2fr;gap:50px;margin:25px 0 60px}.author-note p{font:22px/1.7 Georgia,serif;margin:0}.breadcrumb{font-size:12px;color:var(--muted);padding:28px 0 12px}.page-head{padding:28px 0 40px;max-width:800px}.page-head h1{font-size:clamp(38px,5vw,60px)}.notice{background:#f0e7d7;border-left:3px solid #b18a50;padding:20px 24px;margin:24px 0;max-width:820px}.columns{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:start}.deck-cover{display:block;max-width:100%;width:270px;margin:10px auto 20px;border-radius:12px;box-shadow:0 15px 30px #63441e20}.gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.gallery button{display:block;background:transparent;border:0;color:var(--ink);padding:0;text-align:left;line-height:1.4}.gallery img{width:100%;aspect-ratio:2/3;object-fit:contain;border-radius:7px}.gallery span{display:block;font-size:12px;padding-top:8px}.draw{padding:0;border:0;background:none;display:block;margin:0 auto 20px;position:relative}.draw img{width:230px;max-width:100%;border-radius:12px;box-shadow:0 15px 35px #63441e25}.draw:after{content:'Открыть послание →';display:block;color:var(--ink);margin:12px}.draw-result{display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start;margin-top:30px}.draw-result img{width:100%;border-radius:8px}.message{white-space:pre-line;font:19px/1.8 Georgia,serif}.placeholder{min-height:300px;background:#efe6d8;border:1px dashed #b9a383;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:#79654a;font:19px/1.7 Georgia,serif}.empty-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.empty-gallery .placeholder{min-height:210px;font:13px/1.7 Arial,sans-serif}.book-placeholder{max-width:290px;min-height:390px;margin:auto}.book-placeholder small{display:block;font:12px Arial,sans-serif;margin-top:22px}.prose{max-width:800px}.prose p{margin:15px 0 22px}.prose li{margin-bottom:8px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-size:17px}footer{border-top:1px solid var(--line);max-width:1240px;margin:50px auto 0;padding:32px 36px;display:flex;align-items:start;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}footer a{display:inline-block;margin:0 16px 10px 0}.footer-brand{font:19px Georgia,serif}.footer-brand small{display:block;font:12px Arial,sans-serif;margin-top:10px}footer p{margin:0}dialog{border:1px solid var(--line);border-radius:8px;background:var(--cream);color:var(--ink);width:min(940px,94vw);max-height:92vh;padding:25px;overflow:auto}dialog::backdrop{background:#251b11b8}dialog #close-viewer{display:flex;margin-left:auto;position:sticky;top:0;background:var(--cream);z-index:1}#viewer-content{max-width:650px;margin:auto}#viewer-content img{display:block;max-width:100%;max-height:70vh;margin:15px auto;object-fit:contain}.skip{position:fixed;top:-100px;z-index:9;background:white;padding:10px}.skip:focus{top:0}[hidden]{display:none!important}@media(max-width:900px){nav{gap:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}.hero-art .front{width:200px;transform:translateX(25px) rotate(7deg)}.hero-art .rear{width:180px;transform:translateX(-40px) rotate(-10deg)}.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}footer{flex-wrap:wrap}}@media(max-width:620px){header{padding:15px 20px;display:block}.brand{font-size:18px}.brand img{width:60px;height:60px}nav{margin-top:20px;justify-content:space-between;gap:10px;font-size:12px}.preview span{display:none}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:38px 0;gap:0}.hero h1{font-size:43px}.hero-art{height:355px;margin-top:15px}.hero-art .front{width:190px}.hero-art .rear{width:170px}.lead{font-size:19px}.intro-line,.section-head{display:block}.intro-line p{margin-top:15px}.section{padding:35px 0}.grid{grid-template-columns:1fr}.product.wide{grid-column:auto}.product{min-height:215px;padding:24px}.product .index{margin-bottom:15px}.author-note{grid-template-columns:1fr;gap:22px;padding:30px 0}.author-note p{font-size:20px}.columns{grid-template-columns:1fr;gap:28px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.draw-result{grid-template-columns:1fr;gap:20px}.draw-result img{width:230px;margin:auto;display:block}.empty-gallery{grid-template-columns:repeat(2,1fr)}.empty-gallery .placeholder{min-height:150px}footer{padding:28px 22px;display:block}footer>div{margin-bottom:20px}h2{font-size:30px}.actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} 
main:focus{outline:none}


#soul-draw .draw:after{content:"Вытянуть карту →"}

.sample-card{margin:24px 0;padding:20px;border:1px solid #dfcbaa;border-radius:12px}.sample-card summary{cursor:pointer;font-size:1.2rem}.sample-card .columns{margin-top:24px;align-items:start}.sample-text p{white-space:pre-line}.sample-text textarea{display:block;width:100%;box-sizing:border-box;margin-top:12px;padding:12px;font:inherit;border:1px solid #dfcbaa;border-radius:8px;background:#fffdf8}.sample-card img{position:sticky;top:24px}