.book-section{background:#c9a65f;overflow:hidden}.book-section:before{content:"VII";position:absolute;right:-2vw;top:1vw;font:25vw "Uncial Antiqua",serif;color:rgba(72,35,10,.055);pointer-events:none}.seven-book{max-width:1120px;margin:62px auto 0;position:relative}.book-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:0 24px -1px;position:relative;z-index:2}.book-tabs button{border:1px solid #5c3418;background:#8e642c;color:#f0d590;padding:12px 5px 9px;font-size:22px;transition:.25s}.book-tabs button span{display:block;font:7px Cinzel,serif;text-transform:uppercase;letter-spacing:.09em;margin-top:4px}.book-tabs button:hover,.book-tabs button.active{background:#26150b;color:#e8bb54;transform:translateY(-4px)}.book-spread{display:grid;grid-template-columns:1fr 1fr;min-height:445px;filter:drop-shadow(10px 14px 8px rgba(48,22,7,.3));perspective:1000px}.book-page{position:relative;padding:55px;background:#e5cb89;border:1px solid #70421e;overflow:hidden;transition:transform .3s,filter .3s}.book-page:after{content:"";position:absolute;inset:9px;border:1px solid rgba(77,43,19,.32);pointer-events:none}.book-page--art{display:grid;place-items:center;border-radius:12px 0 0 12px;background:radial-gradient(circle,#eacb7c 0,#c99c4c 52%,#6e351c 150%)}.book-page--art:before{content:"";position:absolute;inset:25px;background:repeating-conic-gradient(from 0deg,transparent 0 13deg,rgba(92,43,18,.14) 14deg 15deg);border-radius:50%}.book-page--art small{position:absolute;bottom:37px;font:8px Cinzel,serif;letter-spacing:.17em}.book-aura{width:220px;height:220px;border:1px solid #8e3c22;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 10px rgba(111,56,18,.08),0 0 45px rgba(115,49,17,.15);animation:bookpulse 3.2s ease-in-out infinite}.book-aura:before,.book-aura:after{content:"✦";position:absolute;top:50%;font-size:21px;color:#8e3c22}.book-aura:before{left:-35px}.book-aura:after{right:-35px}.book-aura span{font-size:105px;color:#641e18;text-shadow:2px 3px 0 #c4933c}.book-page--copy{border-radius:0 12px 12px 0;background:linear-gradient(90deg,#c9a765 0,#ead394 11%,#e5c880 100%);display:flex;flex-direction:column;justify-content:center}.book-page--copy>p{font:8px Cinzel,serif;letter-spacing:.19em;color:#7f431d}.book-page--copy h3{font:clamp(43px,6vw,82px)/.9 "Uncial Antiqua",serif;margin:14px 0;color:#651f18}.book-page--copy blockquote{font-size:24px;line-height:1.15;margin:12px 0 25px;max-width:400px}.book-page--copy>span{font-size:15px;color:#6f4525;border-top:1px solid var(--line);padding-top:14px}.book-page--copy>i{position:absolute;right:32px;bottom:24px;font:18px "Uncial Antiqua",serif;color:#8c5126}.seven-book.turning .book-page--copy{transform:rotateY(-6deg);filter:brightness(.82)}.seven-book[data-vice="envy"] .book-aura span,.seven-book[data-vice="envy"] .book-page--copy h3{color:#315a36}.seven-book[data-vice="lust"] .book-aura span,.seven-book[data-vice="lust"] .book-page--copy h3{color:#8c2535}.seven-book[data-vice="wrath"] .book-aura span,.seven-book[data-vice="wrath"] .book-page--copy h3{color:#9a251b}.seven-book[data-vice="gluttony"] .book-aura span,.seven-book[data-vice="gluttony"] .book-page--copy h3{color:#76531d}.seven-book[data-vice="sloth"] .book-aura{animation-duration:7s}.sinometer{max-width:1120px;margin:100px auto 0;background:#21130b;color:#ead397;border:1px solid #a47830;padding:clamp(28px,5vw,65px);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;box-shadow:10px 12px 0 rgba(57,26,7,.25);position:relative}.sinometer:before,.sinometer:after{content:"✦";position:absolute;color:#c99b42}.sinometer:before{left:-7px;top:-12px}.sinometer:after{right:-7px;bottom:-12px}.sinometer .eyebrow{justify-content:flex-start;color:#c99b42}.sinometer-intro h3{font:clamp(35px,4vw,57px) "Uncial Antiqua",serif;margin:0}.sinometer-intro>p:not(.eyebrow){font-size:17px;color:#c3a66b}.title-seal{margin-top:35px;border:1px solid #9b7030;padding:25px;text-align:center;background:radial-gradient(circle,rgba(125,54,22,.34),transparent 70%)}.title-seal small{display:block;font:7px Cinzel,serif;letter-spacing:.17em;color:#ba9143}.title-seal strong{display:block;font:27px "IM Fell English",serif;color:#edc769;margin:11px 0 5px}.title-seal span{font-size:13px;color:#9e824d}.title-seal button{display:block;margin:17px auto 0;border:0;border-bottom:1px solid #c49a46;background:transparent;color:#d5b161;font:8px Cinzel,serif;letter-spacing:.11em;padding:0 0 5px}.sin-sliders{display:grid;align-content:center;gap:18px}.sin-sliders label>span{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.sin-sliders b{font:10px Cinzel,serif;letter-spacing:.08em}.sin-sliders output{font:12px Cinzel,serif;color:#d9aa4c}.sin-sliders input{--value:50%;width:100%;height:4px;appearance:none;background:linear-gradient(90deg,#ad762b var(--value),#5a4428 var(--value));border-radius:0;outline:none}.sin-sliders input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#7d251a;border:3px solid #d5ab53;box-shadow:0 0 0 2px #29150a}.sin-sliders input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#7d251a;border:3px solid #d5ab53}.sin-sliders input:focus-visible{box-shadow:0 0 0 2px #d5ab53}@keyframes bookpulse{50%{transform:scale(1.04) rotate(2deg);box-shadow:inset 0 0 0 10px rgba(111,56,18,.08),0 0 65px rgba(115,49,17,.28)}}
@media(max-width:900px){.book-spread{min-height:400px}.book-page{padding:37px}.sinometer{grid-template-columns:1fr;gap:35px}.nav-links{gap:10px}}
@media(max-width:620px){.site-header.menu-open .socials--head{top:232px}.book-tabs{margin:0 5px -1px}.book-tabs button{font-size:17px;padding:10px 2px}.book-tabs button span{font-size:5px}.book-spread{grid-template-columns:1fr;min-height:0}.book-page{min-height:320px}.book-page--art{border-radius:9px 9px 0 0}.book-page--copy{border-radius:0 0 9px 9px;min-height:355px}.book-aura{width:165px;height:165px}.book-aura span{font-size:78px}.sinometer{margin-top:70px;padding:29px 20px}.title-seal strong{font-size:23px}}
