@font-face{font-family:Cormorant;src:url('fonts/CormorantGaramond.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Cormorant;src:url('fonts/CormorantGaramond-Italic.woff2') format('woff2');font-style:italic;font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--bg:#100e14;--gold:#c7aa70;--text:#d7cebc;--muted:#a197aa}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Cormorant,Georgia,serif;overflow-x:clip}
.atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 79% 42%,#48305735,transparent 52%)}
.mandala-scene{--x:0px;--y:0px;position:fixed;width:min(85vw,1120px);aspect-ratio:1;left:49%;top:45%;transform:translate(-9%,-50%);pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 23%,#000 78%,transparent)}
.mandala{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.6s cubic-bezier(.2,.65,.3,1)}
.mandala-outer{opacity:.38;transform:translate(var(--x),var(--y))}
.mandala-inner{opacity:.62;transform:translate(calc(var(--x)*-1.6),calc(var(--y)*-1.6));filter:drop-shadow(0 0 10px #a178bd18)}
.page{position:relative;z-index:1;padding:0 clamp(28px,8vw,128px)}
main{max-width:1100px;margin:auto}
.hero{min-height:100svh;display:flex;align-items:center;padding:84px 0 96px}
.introduction{width:100%;max-width:485px}
h1{font-weight:400;line-height:1;letter-spacing:-.045em;font-size:clamp(104px,12vw,162px);color:var(--gold);margin:0 0 38px}
figure{margin:0}
blockquote{margin:0;font-size:clamp(28px,2.55vw,34px);font-weight:400;line-height:1.35;letter-spacing:-.01em;text-wrap:pretty}
blockquote p{margin:0}
blockquote em{font-weight:400;color:#bda0d0}
figcaption{margin-top:26px;display:flex;flex-direction:column;gap:6px}
.author{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:var(--gold);letter-spacing:.15em}
figcaption cite{font-size:18px;color:var(--muted)}
nav{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px;font-family:Arial,Helvetica,sans-serif;font-size:12px}
nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--muted);text-decoration:none;position:relative;transition:color .25s}
nav a:after{content:'';position:absolute;bottom:5px;left:0;width:calc(100% - 20px);height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
nav a span{color:#bda0d0}
nav a:hover{color:var(--gold)}
nav a:hover:after{transform:scaleX(1)}
a:focus-visible{outline:1px solid var(--gold);outline-offset:6px;border-radius:2px}
@media(max-width:700px){.page{padding:0 28px}.hero{min-height:100svh;padding:72px 0 78px}.mandala-scene{width:900px;max-width:none;left:18%;top:39%;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 40%)}.introduction{max-width:420px}h1{margin-bottom:32px}blockquote{font-size:30px}nav{gap:24px;margin-top:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.mandala{transform:none!important}.book:hover .jacket,.book:focus-visible }

@media(max-width:700px){.jacket-violet }
/* Engraved lotus mandala: a complete silhouette and a restrained floating seal. */
.mandala-scene{width:clamp(640px,66vw,1050px);left:77%;top:45%;transform:translate(-50%,-50%);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 90%,transparent)}
.mandala-outer{opacity:.68}
.mandala-inner{opacity:.66;filter:drop-shadow(0 0 12px #a178bd20)}
@media(max-width:700px){.mandala-scene{width:740px;left:96%;top:35%;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 90%,transparent)}}