html,body{height:100%;overflow:hidden}body{background:var(--ink);color:var(--ink);font-family:var(--font-body)}.period{color:var(--orange)}.book{position:relative;width:100vw;height:calc(100vh - 72px);height:calc(100svh - 72px);min-height:540px;overflow:hidden;perspective:2000px;background:var(--cream)}.page{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(48px,9vh,110px) var(--margin-page) clamp(96px,14vh,150px);background:var(--cream);transform-origin:left center;backface-visibility:hidden;opacity:0;visibility:hidden;transform:rotateY(0);transition:transform 1.95s cubic-bezier(.34,.5,.2,1),opacity .55s ease,filter 1.95s ease;overflow-y:auto;background-image:radial-gradient(circle at 18% 22%,rgba(91,70,45,.05) 0,transparent 42%),radial-gradient(circle at 84% 70%,rgba(91,70,45,.045) 0,transparent 44%)}.page.active{opacity:1;visibility:visible;transform:rotateY(0);filter:brightness(1);z-index:2}.page.out-fwd{opacity:1;visibility:visible;transform:rotateY(-168deg);filter:brightness(.8);z-index:3;box-shadow:0 0 70px #241f2047}.page.pre-back{opacity:1;visibility:visible;transform:rotateY(-168deg);filter:brightness(.8);transition:none;z-index:3;box-shadow:0 0 70px #241f2047}.curl{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .35s ease;background:linear-gradient(108deg,transparent 26%,rgba(255,253,248,.55) 43%,rgba(36,31,32,.04) 50%,rgba(36,31,32,.2) 56%,transparent 70%),linear-gradient(to right,rgba(36,31,32,.3),rgba(36,31,32,.06) 18%,transparent 36%);background-size:260% 100%,100% 100%;background-position:135% 0,0 0;background-repeat:no-repeat}.page.out-fwd .curl{opacity:1;animation:curlSweep 1.95s cubic-bezier(.34,.5,.2,1) forwards}.page.pre-back .curl{opacity:1}@keyframes curlSweep{0%{background-position:135% 0,0 0}to{background-position:-35% 0,0 0}}.page:before{content:"";position:absolute;left:0;top:0;bottom:0;width:28px;background:linear-gradient(to right,rgba(58,45,40,.07),transparent);pointer-events:none}.eyebrow{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.22em;color:var(--orange);text-transform:uppercase;margin:0 0 16px}.p-title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,7vw,92px);line-height:.96;margin:0;letter-spacing:-.01em}.p-text{max-width:30rem;font-family:var(--font-accent);font-size:clamp(22px,3vw,32px);line-height:1.5;color:#241f20e6;margin:0}.p-quote{max-width:28rem;font-family:var(--font-accent);font-style:italic;font-size:clamp(26px,4vw,44px);line-height:1.22;color:var(--ink);margin:0}.cover{padding:0}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 62%;background:#f3edde}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#f3edde33,#f3edde0d 45%,#f3edde59)}.cover-copy{position:relative;z-index:1;text-align:center}.cover .p-title{text-shadow:0 2px 18px rgba(243,237,222,.9),0 0 40px rgba(243,237,222,.6)}.cover-sub{font-family:var(--font-accent);font-style:italic;font-size:clamp(18px,2.2vw,24px);color:var(--ink);margin:16px 0 0;text-shadow:0 1px 10px rgba(243,237,222,.9)}.fam-label{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}.fam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,34px);max-width:860px}.fam-avatar{width:clamp(84px,12vw,120px);height:clamp(84px,12vw,120px);border-radius:50%;overflow:hidden;background:var(--tan);border:1px solid rgba(58,45,40,.2);box-shadow:0 8px 18px #241f201f;margin:0 auto 12px}.fam-avatar img{width:100%;height:100%;object-fit:cover;display:block}.fam-name{font-family:var(--font-display);font-weight:700;font-size:17px;margin:0 0 3px}.fam-role{font-family:var(--font-accent);font-style:italic;font-size:14px;color:var(--muted);margin:0;line-height:1.4}.fam-plate{margin:0;max-width:min(600px,88vw)}.fam-plate img{width:100%;max-height:62vh;object-fit:contain;display:block;border-radius:4px;border:1px solid rgba(58,45,40,.18);box-shadow:0 14px 32px #241f202e;background:#fff}.fam-caption{font-family:var(--font-accent);font-style:italic;font-size:clamp(17px,2.2vw,23px);color:var(--muted);text-align:center;margin:22px auto 0;max-width:30rem}.fam-faces{width:min(1040px,95vw);max-height:84vh;height:auto;display:block}.fam2-sub{font-family:var(--font-accent);font-style:italic;font-size:clamp(17px,2.2vw,24px);line-height:1.4;color:#241f20d1;max-width:32rem;margin:0 auto}.fam2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2.4vw,30px);width:100%;max-width:940px;margin:clamp(26px,5vh,52px) auto 0}.fam2-card{text-align:center}.fam2-figure{position:relative;width:clamp(150px,20vw,190px);aspect-ratio:200 / 226;margin:0 auto 14px;--orbit-r: clamp(64px, 8.4vw, 80px)}.fam2-figure:after{content:"";position:absolute;bottom:1%;left:50%;transform:translate(-50%);width:56%;height:11px;border-radius:50%;background:radial-gradient(ellipse,rgba(36,31,32,.13),transparent 70%);z-index:0}.fam2-orbit{position:absolute;left:50%;top:var(--orbit-r);width:0;height:0;z-index:2;animation:famorbit 9s linear infinite}.fam2-dot{position:absolute;left:0;top:calc(-1 * var(--orbit-r));width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--orange);box-shadow:0 0 6px #eb5f2466}.fam2-card:nth-child(2) .fam2-orbit{animation-delay:-2.25s}.fam2-card:nth-child(3) .fam2-orbit{animation-delay:-4.5s}.fam2-card:nth-child(4) .fam2-orbit{animation-delay:-6.75s}@keyframes famorbit{to{transform:rotate(360deg)}}.fam2-portrait{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:auto;display:block;z-index:1}.fam2-card{opacity:0}.page.active .fam2-card{animation:famcardin .75s cubic-bezier(.22,.61,.36,1) forwards}.page.active .fam2-card:nth-child(1){animation-delay:.12s}.page.active .fam2-card:nth-child(2){animation-delay:.34s}.page.active .fam2-card:nth-child(3){animation-delay:.56s}.page.active .fam2-card:nth-child(4){animation-delay:.78s}@keyframes famcardin{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fam2-sparks{position:absolute;inset:-14% -16% 0;pointer-events:none;z-index:3}.spark{position:absolute;border-radius:50%;opacity:0;background:var(--c, var(--orange));box-shadow:0 0 3px var(--c, var(--orange)),0 0 6px var(--c, var(--orange))}.page.active .spark{animation:sparkrise var(--dur, 2s) ease-out var(--delay, 0s) forwards}@keyframes sparkrise{0%{opacity:0;transform:translate(0) scale(.4)}18%{opacity:1;transform:translateY(-8px) scale(1.05)}55%{opacity:.9}to{opacity:0;transform:translate(var(--dx, 0),calc(-1 * var(--rise, 90px))) scale(.9)}}.fam2-arch{font-family:var(--font-display);font-weight:700;font-size:clamp(17px,1.9vw,22px);letter-spacing:-.01em;color:var(--ink);margin:0}.fam2-honor{font-family:var(--font-accent);font-style:italic;font-size:clamp(12.5px,1.4vw,15px);color:var(--muted);margin:5px 0 0}.worlds-row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,2.6vw,32px);max-width:880px;margin:28px auto 0}.world-link{position:relative;text-decoration:none;text-align:center;width:110px;opacity:.7;transition:opacity .2s,transform .2s}.world-link:hover{opacity:1;transform:translateY(-4px)}.world-link:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:98px;height:98px;border-radius:50%;background:radial-gradient(circle,rgba(255,252,243,.8) 0%,rgba(255,252,243,.4) 48%,transparent 72%);z-index:0;pointer-events:none}.world-link img{position:relative;z-index:1;display:block;width:66px;height:66px;border-radius:50%;object-fit:cover;object-position:center;margin:0 auto 10px;animation:planetspin 70s linear infinite}.world-link:nth-child(2) img{animation-duration:85s;animation-direction:reverse}.world-link:nth-child(3) img{animation-duration:60s}.world-link:nth-child(4) img{animation-duration:95s;animation-direction:reverse}.world-link:nth-child(5) img{animation-duration:78s}@keyframes planetspin{to{transform:rotate(360deg)}}.world-link .wl-el{display:block;font-family:var(--font-display);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.world-link .wl-name{display:block;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink)}.join-form{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:440px;margin:26px auto 0}.join-form input{flex:1 1 220px;padding:14px 18px;border:1px solid rgba(36,31,32,.25);border-radius:2px;background:#fff9;font-family:var(--font-body);font-size:16px;color:var(--ink)}.join-form button{padding:14px 26px;border:none;border-radius:2px;background:var(--orange);color:var(--cream);font-family:var(--font-display);font-weight:600;font-size:16px;cursor:pointer}.controls{position:absolute;bottom:clamp(20px,4vh,38px);left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,28px)}.ctl-next{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.02em;color:var(--cream);background:var(--orange);border:none;border-radius:100px;padding:12px 24px;cursor:pointer;box-shadow:0 6px 16px #eb5f244d;transition:background .2s,transform .2s,opacity .2s}.ctl-next:hover{background:#d4521b;transform:translateY(-1px)}.ctl-next[disabled]{opacity:0;pointer-events:none}.ctl-back{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--muted);background:none;border:none;cursor:pointer;padding:8px;transition:color .2s,opacity .2s}.ctl-back:hover{color:var(--ink)}.ctl-back[disabled]{opacity:0;pointer-events:none}.dots{display:flex;justify-content:center;gap:10px}.turn-orb{position:absolute;top:50%;z-index:25;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;font-family:var(--font-display);line-height:1}.turn-orb.next{right:clamp(14px,3vw,34px);margin-top:-30px;width:60px;height:60px;background:var(--orange);color:var(--cream);font-size:24px;box-shadow:0 6px 22px #eb5f2480;animation:orb-pulse 2.2s ease-in-out infinite}.turn-orb.next:before{content:"";position:absolute;inset:0;border-radius:50%;animation:orb-ring 2.2s ease-out infinite}.turn-orb.back{left:clamp(14px,3vw,34px);margin-top:-24px;width:48px;height:48px;background:#f3eddeeb;color:var(--ink);font-size:20px;box-shadow:0 4px 14px #241f2040}.turn-orb:hover{filter:brightness(1.06)}@keyframes orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes orb-ring{0%{box-shadow:0 0 #eb5f248c}70%{box-shadow:0 0 0 20px #eb5f2400}to{box-shadow:0 0 #eb5f2400}}@media(max-width:720px){.turn-orb.next{width:42px;height:42px;font-size:17px;margin-top:-21px}}.dot{width:8px;height:8px;border-radius:50%;border:none;background:#241f2038;cursor:pointer;padding:0;transition:background .2s,transform .2s}.dot.active{background:var(--orange);transform:scale(1.25)}.page-no{position:absolute;bottom:clamp(20px,3.5vh,34px);right:clamp(20px,4vw,44px);font-family:var(--font-display);font-size:12px;letter-spacing:.1em;color:var(--muted);z-index:5}.turn-hint{position:absolute;bottom:clamp(54px,9vh,80px);left:0;right:0;text-align:center;font-family:var(--font-hand);font-size:16px;color:var(--muted);z-index:5;animation:hint 2.4s ease-in-out infinite}@keyframes hint{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.page{transition:opacity .4s ease}.page.out-fwd,.page.pre-back{transform:none!important}.turn-hint{animation:none}.turn-orb.next,.turn-orb.next:before{animation:none}.fam2-orbit{animation:none}.fam2-card{opacity:1;animation:none}.fam2-sparks{display:none}.page.out-fwd .curl,.world-link img{animation:none}}@media(max-width:640px){.fam-grid{grid-template-columns:repeat(2,1fr);gap:22px}.fam2-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}.nav-arrow{width:42px;height:42px}}