*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-size-adjust:100%}.flip-leaf,.intro-curtain{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-leaf,.intro-curtain,.project-detail-page{will-change:transform,opacity}:root{--paper:#f6ecda;--paper2:#efe2c8;--paper3:#e9d8b4;--ink:#140e06;--ink2:#362716;--ink3:#7a5c3a;--red:#9b1c1c;--gold:#b5890f;--gold2:#d4a820;--spine:#1e1204;--serif:var(--font-serif,"Crimson Text"),serif;--display:var(--font-display,"Cinzel"),serif;--fell:var(--font-fell,"IM Fell English"),serif;--fraktur:var(--font-fraktur,"UnifrakturMaguntia"),cursive}body,html{height:100%;overflow:hidden;background:#1a0f05}body{font-family:var(--serif);cursor:default}.intro-curtain{position:fixed;inset:0;z-index:9000;background:radial-gradient(ellipse at 50% 40%,#2a1604 0,#100800 60%,#050300 100%);display:flex;align-items:center;justify-content:center;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);pointer-events:all;will-change:transform,opacity}.intro-curtain.opening{opacity:0;transform:scale(1.06) translateZ(0);pointer-events:none}.intro-curtain-inner{text-align:center;animation:introReveal .9s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;align-items:center;gap:.2rem}@keyframes introReveal{0%{opacity:0;transform:translateY(24px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.intro-welcome{font-family:var(--fell);font-size:clamp(.7rem,1.8vw,.95rem);font-style:italic;color:#b5890f8c;letter-spacing:.22em;margin-bottom:.6rem;animation:introWelcome 1.2s cubic-bezier(.16,1,.3,1) .1s both;overflow:hidden;white-space:nowrap}@keyframes introWelcome{0%{opacity:0;max-width:0;letter-spacing:.6em}to{opacity:1;max-width:400px;letter-spacing:.22em}}.intro-monogram{font-family:var(--fraktur);font-size:clamp(5rem,12vw,9rem);color:var(--gold);line-height:1;text-shadow:0 0 60px #b5890f80,0 0 120px #b5890f33,2px 2px 0 #b5890f4d;animation:introGlow 1.8s ease-in-out infinite alternate;will-change:text-shadow}@keyframes introGlow{0%{text-shadow:0 0 40px #b5890f66,0 0 80px #b5890f26}to{text-shadow:0 0 80px #d4a820b3,0 0 140px #b5890f4d,0 0 200px #b5890f1a}}.intro-title{font-family:var(--display);font-size:clamp(.6rem,2vw,.9rem);letter-spacing:.45em;text-transform:uppercase;color:#f6ecdabf;margin-top:.8rem;margin-bottom:.4rem;animation:introReveal .9s cubic-bezier(.16,1,.3,1) .2s both}.intro-subtitle{font-size:clamp(.85rem,2.5vw,1.1rem);color:#b5890f99;letter-spacing:.12em;animation:introReveal .9s cubic-bezier(.16,1,.3,1) .35s both}.intro-journey,.intro-subtitle{font-family:var(--fell);font-style:italic}.intro-journey{font-size:clamp(.78rem,2vw,1rem);color:#f4ead561;letter-spacing:.08em;margin-top:.5rem;animation:introReveal .9s cubic-bezier(.16,1,.3,1) .5s both;line-height:1.6}.intro-ornament{font-size:.9rem;color:#b5890f66;letter-spacing:.2em;margin-top:.7rem;animation:introOrnament 1s ease .65s both}@keyframes introOrnament{0%{opacity:0;letter-spacing:.8em}to{opacity:1;letter-spacing:.2em}}.intro-curtain:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0000 30%,#00000080 100%);pointer-events:none;animation:introVignette 2s ease-in-out infinite alternate}@keyframes introVignette{0%{opacity:.6}to{opacity:1}}.intro-hint{position:absolute;bottom:8%;font-family:var(--display);font-size:.38rem;letter-spacing:.25em;text-transform:uppercase;color:#b5890f4d;animation:introPulse 1.8s ease-in-out 1.2s infinite}@keyframes introPulse{0%,to{opacity:.3}50%{opacity:.7}}.intro-open-row{display:flex;align-items:center;gap:1.4rem;margin-top:1.6rem;animation:introReveal .7s cubic-bezier(.16,1,.3,1) .7s both}.intro-timer-wrap{position:relative;width:44px;height:44px;flex-shrink:0}.intro-timer-svg{width:44px;height:44px;transform:rotate(-90deg)}.intro-timer-track{fill:none;stroke:#b5890f1f;stroke-width:2.5}.intro-timer-ring{fill:none;stroke:var(--gold2);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(212,168,32,.6))}.intro-timer-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.72rem;color:var(--gold2);letter-spacing:.05em;text-shadow:0 0 10px #d4a82080}.intro-open-cta{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.intro-open-label{font-family:var(--display);font-size:.42rem;letter-spacing:.22em;text-transform:uppercase;color:#b5890f8c;animation:introPulse 2s ease-in-out infinite}.intro-scroll-arrow{opacity:.65;animation:introScrollBob 1.8s ease-in-out infinite}@keyframes introScrollBob{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(4px);opacity:1}}.intro-scroll-dot{animation:introScrollDot 1.8s ease-in-out infinite}@keyframes introScrollDot{0%{cy:6;opacity:1}60%{cy:14;opacity:.3}61%{cy:6;opacity:0}to{cy:6;opacity:1}}#book-scene{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 50% at 50% 100%,#50280a8c 0,#0000 70%),radial-gradient(ellipse 30% 40% at 15% 50%,#78370a33 0,#0000 60%),radial-gradient(ellipse 30% 40% at 85% 50%,#78370a33 0,#0000 60%),radial-gradient(ellipse at center,#2e1a08 0,#0e0703 55%,#050301 100%);perspective:1800px;overflow:hidden}#book-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% -10%,#b5890f0f 0,#0000 60%);pointer-events:none;z-index:0;animation:sceneBreath 6s ease-in-out infinite alternate}@keyframes sceneBreath{0%{opacity:.6}to{opacity:1}}#book-scene:after{content:"";position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:80%;height:60px;background:radial-gradient(ellipse,#000c,#0000 70%);filter:blur(18px);pointer-events:none;z-index:1}.scene-vignette{inset:0;background:radial-gradient(ellipse 100% 100% at 0 0,#0000008c 0,#0000 40%),radial-gradient(ellipse 100% 100% at 100% 0,#0000008c 0,#0000 40%),radial-gradient(ellipse 100% 100% at 0 100%,#0000008c 0,#0000 40%),radial-gradient(ellipse 100% 100% at 100% 100%,#0000008c 0,#0000 40%)}.scene-candle,.scene-vignette{position:fixed;z-index:1;pointer-events:none}.scene-candle{bottom:8%;width:80px;height:200px;background:radial-gradient(ellipse at 50% 80%,#c86e142e 0,#0000 70%);animation:candleFlicker 3s ease-in-out infinite alternate}.scene-candle-l{left:6%;animation-delay:0s}.scene-candle-r{right:6%;animation-delay:1.2s}@keyframes candleFlicker{0%{opacity:.5;transform:scaleX(1) scaleY(1)}30%{opacity:.8;transform:scaleX(1.1) scaleY(.95)}60%{opacity:.6;transform:scaleX(.9) scaleY(1.05)}to{opacity:.9;transform:scaleX(1.05) scaleY(.98)}}#book-scene.intro-opening #book,.intro-opening #book{animation:bookOpen .9s cubic-bezier(.16,1,.3,1) .15s both}@keyframes bookOpen{0%{opacity:0;transform:rotateX(8deg) scale(.92)}to{opacity:1;transform:rotateX(2deg) scale(1)}}.chapter-ribbon-wrap{position:absolute;top:0;left:0;right:0;height:22px;z-index:5;pointer-events:none;overflow:hidden}.chapter-ribbon-track{position:absolute;inset:0;background:linear-gradient(180deg,#b5890f1a,#b5890f0d 50%,#0000);border-bottom:1px solid #b5890f26}.chapter-ribbon-fill{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,#9b1c1cb3,#b5890fcc 50%,#d4a82099 80%,#0000);transition:width .7s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #b5890f4d}.chapter-ribbon-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,#0000,#d4a82066)}.chapter-ribbon-label{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-family:var(--display);font-size:.38rem;letter-spacing:.18em;text-transform:uppercase;color:#b5890f80;white-space:nowrap}.flip-quote-wrap{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;pointer-events:none}.flip-quote-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:quoteFlash .9s ease forwards;max-width:360px;padding:0 2rem}.flip-quote-ornament{font-size:.75rem;color:#b5890f8c;letter-spacing:.3em;line-height:1}.flip-quote-text{font-family:var(--fell);font-style:italic;font-size:clamp(.88rem,2vw,1.05rem);color:#f6ecdad9;text-align:center;letter-spacing:.02em;line-height:1.65;text-shadow:0 2px 20px #000000e6,0 0 40px #b5890f26;position:relative}.flip-quote-text:before{content:"\201C";margin-right:.15rem}.flip-quote-text:after,.flip-quote-text:before{font-family:var(--fraktur);font-size:2rem;color:#b5890f66;line-height:0;vertical-align:-.5rem}.flip-quote-text:after{content:"\201D";margin-left:.15rem}.career-timeline{position:relative;padding:.5rem 0 1rem;margin-bottom:.5rem}.tl-spine{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#0000,#b5890f66 10%,#b5890f66 90%,#0000);transform:translateX(-50%);pointer-events:none}.tl-entry{display:grid;grid-template-columns:1fr 18px 1fr;align-items:start;gap:0 12px;margin-bottom:1.4rem;position:relative}.tl-node{width:10px;height:10px;border-radius:50%;background:var(--gold);border:2px solid var(--paper);box-shadow:0 0 0 2px #b5890f66,0 0 8px #d4a82066;margin-top:.8rem;position:relative;z-index:2;justify-self:center;transition:box-shadow .3s}.tl-entry:hover .tl-node{box-shadow:0 0 0 3px #b5890f80,0 0 16px #d4a82099;background:var(--gold2)}.tl-year-badge{font-family:var(--display);font-size:.42rem;letter-spacing:.2em;color:#b5890fb3;text-align:center;grid-column:2;grid-row:1;margin-bottom:.3rem;white-space:nowrap}.tl-card{background:#b5890f0a;border:1px solid #b5890f2e;border-radius:1px;padding:.7rem .8rem;transition:border-color .25s,background .25s,transform .25s;position:relative}.tl-card:hover{border-color:#b5890f80;background:#b5890f17;transform:translateY(-3px);box-shadow:0 8px 24px #00000029,0 0 0 1px #b5890f1f}.tl-card:before{content:"";position:absolute;top:.85rem;width:10px;height:1px;background:#b5890f59}.tl-left{grid-template-rows:auto}.tl-left .tl-card{grid-column:1;text-align:right}.tl-left .tl-node{grid-column:2;grid-row:1;align-self:center;margin-top:.7rem}.tl-left .tl-year-badge{grid-column:2;grid-row:1;align-self:start}.tl-left .tl-card{grid-row:1}.tl-left .tl-card:before{right:-10px}.tl-left .porto-links,.tl-left .porto-tech{justify-content:flex-end}.tl-right .tl-card{grid-column:3;grid-row:1}.tl-right .tl-node{grid-column:2;grid-row:1;align-self:center;margin-top:.7rem}.tl-right .tl-year-badge{grid-column:2;grid-row:1;align-self:start}.tl-right .tl-card:before{left:-10px}.tl-card-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem;flex-wrap:wrap}.tl-left .tl-card-header{justify-content:flex-end}@media (max-width:700px){.tl-spine{left:12px}.tl-entry{grid-template-columns:18px 1fr;gap:0 8px}.tl-left .tl-card,.tl-right .tl-card{grid-column:2;grid-row:1;text-align:left}.tl-left .tl-node,.tl-right .tl-node{grid-column:1}.tl-left .tl-year-badge,.tl-right .tl-year-badge{grid-column:1;font-size:.35rem;writing-mode:vertical-rl}.tl-left .tl-card:before,.tl-right .tl-card:before{left:-8px;right:auto}.tl-left .porto-links,.tl-left .porto-tech,.tl-left .tl-card-header{justify-content:flex-start}.tl-left .tl-card{text-align:left}}#book-scene.dark-mode .tl-card{background:#b5890f0f;border-color:#b5890f26}#book-scene.dark-mode .tl-card:hover{background:#b5890f1f;border-color:#b5890f66}#book-scene.dark-mode .tl-node{border-color:#1a1208}@keyframes konamiGlow{0%,to{box-shadow:0 0 0 #d4a82000,inset 0 0 0 #d4a82000}50%{box-shadow:0 0 80px #d4a82066,0 0 200px #d4a82026}}#book-scene.konami-mode #book{animation:konamiGlow 1s ease-in-out 4}#book-scene.konami-mode .book-monogram{color:var(--gold2)!important;text-shadow:0 0 20px #d4a820cc}.content-section.active .stagger-entry{animation:staggerUp .55s cubic-bezier(.16,1,.3,1) both}.content-section.active .stagger-entry:first-child{animation-delay:.04s}.content-section.active .stagger-entry:nth-child(2){animation-delay:.1s}.content-section.active .stagger-entry:nth-child(3){animation-delay:.16s}.content-section.active .stagger-entry:nth-child(4){animation-delay:.22s}.content-section.active .stagger-entry:nth-child(5){animation-delay:.28s}.content-section.active .stagger-entry:nth-child(6){animation-delay:.34s}.content-section.active .stagger-entry:nth-child(7){animation-delay:.38s}.content-section.active .stagger-entry:nth-child(8){animation-delay:.42s}@keyframes staggerUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.book-monogram{position:relative;display:inline-block;width:100%}.book-monogram:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,#0000 30%,#d4a82059 50%,#0000 70%);animation:tocShimmer 4s ease-in-out infinite;pointer-events:none}@keyframes tocShimmer{0%{left:-80%;opacity:0}10%{opacity:1}40%{left:140%;opacity:0}to{left:140%;opacity:0}}.ornament{position:relative;overflow:hidden}.ornament.shimmer-ornament:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,#0000,#d4a82066,#0000);animation:tocShimmer 5s ease-in-out 1.5s infinite;pointer-events:none}#book{display:flex;width:min(1100px,96vw);height:min(720px,92vh);box-shadow:-8px 8px 30px #0009,8px 8px 30px #00000080,0 20px 60px #000c;transform:rotateX(2deg);transform-style:flat}#book,#spine{position:relative}#spine{width:28px;flex-shrink:0;background:linear-gradient(90deg,#0d0702,#2a1a08 30%,#3d2410 50%,#2a1a08 70%,#0d0702);z-index:10;box-shadow:inset -3px 0 8px #00000080,inset 3px 0 4px #ffc8640d}#spine:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(180deg,#0000,#0000 12px,#ffb43c0a 0,#ffb43c0a 13px)}.spine-marker{position:absolute;left:3px;right:3px;height:3px;background:linear-gradient(90deg,#0000,var(--gold2),#0000);border-radius:2px;box-shadow:0 0 8px #d4a820b3,0 0 16px #d4a8204d;transition:top .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:2}.spine-marker:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:var(--gold2);box-shadow:0 0 6px #d4a820e6}.spine-tick{position:absolute;left:6px;right:6px;height:1px;background:#b5890f33;pointer-events:none}.spine-tick.active-tick{background:#b5890f80}#page-left{width:260px;flex-shrink:0;background:linear-gradient(180deg,var(--paper3) 0,var(--paper2) 40%,var(--paper) 100%);position:relative;overflow:hidden;border-right:1px solid #8b69144d}#page-left:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");opacity:.5}#page-left:after,#page-left:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}#page-left:after{background-image:repeating-linear-gradient(180deg,#0000,#0000 26px,#8b691414 0,#8b691414 27px)}.left-inner{position:relative;z-index:1;padding:2.2rem 1.6rem;height:100%;display:flex;flex-direction:column}.book-monogram{font-family:var(--fraktur);font-size:3rem;color:var(--gold);text-align:center;line-height:1;margin-bottom:.2rem;text-shadow:1px 1px 0 #b5890f59,0 2px 12px #b5890f33}.book-author-name{font-family:var(--display);font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink3);text-align:center;margin-bottom:1.4rem}.ornament{text-align:center;color:var(--gold2);font-size:.9rem;margin:.6rem 0;letter-spacing:.15em;line-height:1;opacity:.8}.toc-label{font-family:var(--display);font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink3);text-align:center;margin-bottom:1rem}.chapter-list{flex:1 1;display:flex;flex-direction:column;gap:0}.chapter-btn{display:flex;align-items:baseline;gap:.6rem;padding:.58rem .4rem;background:none;cursor:pointer;border:none;border-bottom:1px solid #b5890f1f;text-align:left;width:100%;position:relative;transition:background .2s;overflow:hidden}.chapter-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--red),var(--gold));transform:scaleY(0);transform-origin:center;transition:transform .4s cubic-bezier(.16,1,.3,1);border-radius:0 2px 2px 0}.chapter-btn.active:before,.chapter-btn:hover:before{transform:scaleY(1)}.chapter-btn:hover{background:#b5890f12}.chapter-btn.active{background:#b5890f1c}.ch-num{font-family:var(--display);font-size:.5rem;color:var(--gold);letter-spacing:.1em;min-width:18px;flex-shrink:0;padding-top:.1rem}.ch-title{font-family:var(--fell);font-size:.84rem;color:var(--ink2);line-height:1.2;font-style:italic;transition:color .2s}.chapter-btn.active .ch-title,.chapter-btn:hover .ch-title{color:var(--ink)}.ch-dots{flex:1 1;border-bottom:1px dotted #b5890f52;margin:0 .3rem .2rem;align-self:flex-end}.ch-page{font-size:.5rem;color:var(--ink3);letter-spacing:.05em;flex-shrink:0}.ch-page,.kbd-hint{font-family:var(--display)}.kbd-hint{font-size:.38rem;letter-spacing:.1em;text-transform:uppercase;color:#8b691466;text-align:center;margin-top:.8rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.kbd-key{display:inline-block;border:1px solid #8b69144d;padding:.1rem .3rem;font-size:.42rem;border-radius:2px;background:#8b69140f}.left-footer{margin-top:auto;padding-top:.6rem}.page-num-left{font-family:var(--display);font-size:.5rem;letter-spacing:.15em;color:var(--ink3);text-align:center}#page-right{flex:1 1;background:linear-gradient(180deg,var(--paper) 0,var(--paper2) 60%,var(--paper3) 100%);position:relative;overflow:hidden}.flip-wrapper{perspective:1800px;perspective-origin:0 50%;z-index:40;overflow:visible;transform-style:preserve-3d}#page-right:before,.flip-wrapper{position:absolute;inset:0;pointer-events:none}#page-right:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");opacity:.5;z-index:0}#page-right:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(90deg,#0000,#0000000d);pointer-events:none;z-index:2}.right-inner{position:relative;z-index:1;height:100%;overflow-y:auto;padding:2.8rem 3rem 2rem 2.8rem;scrollbar-width:thin;scrollbar-color:#b5890f4d #0000;transition:opacity .3s ease}.right-inner.section-hidden{opacity:0;pointer-events:none}.right-inner::-webkit-scrollbar{width:3px}.right-inner::-webkit-scrollbar-track{background:#b5890f0a;border-radius:2px}.right-inner::-webkit-scrollbar-thumb{background:#b5890f47;border-radius:2px;-webkit-transition:background .3s;transition:background .3s}.right-inner::-webkit-scrollbar-thumb:hover{background:#b5890f8c}.right-inner{scroll-behavior:smooth;overscroll-behavior:contain}.content-section{display:none}.content-section.active{display:block;animation:chapterReveal .75s cubic-bezier(.16,1,.3,1) both}@keyframes chapterReveal{0%{opacity:0;transform:translateY(18px) translateZ(0);filter:blur(1.5px)}20%{filter:blur(.5px)}to{opacity:1;transform:translateY(0) translateZ(0);filter:blur(0)}}.ch-heading{border-bottom:2px solid var(--ink);padding-bottom:.9rem;margin-bottom:1.6rem;position:relative}.ch-heading:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold2),#b5890f26)}.ch-heading-num{font-family:var(--display);font-size:.54rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.5rem}.ch-heading-title{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.1rem);color:var(--ink);line-height:1.1;font-weight:700}.ch-heading-title em{font-family:var(--fell);font-weight:400;font-style:italic;color:var(--ink3);font-size:.68em}.dropcap:first-letter{float:left;font-family:var(--fraktur);font-size:5rem;line-height:.72;color:var(--red);padding-right:.14rem;margin-top:.08rem;text-shadow:2px 2px 0 #9b1c1c2e}.book-p{font-family:var(--serif);font-size:1rem;line-height:1.95;color:var(--ink2);text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin-bottom:1rem}.book-p strong{font-weight:600;color:var(--ink)}.book-h3{font-family:var(--display);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin:1.5rem 0 .7rem;display:flex;align-items:center;gap:.8rem}.book-h3:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,#b5890f66,#0000)}.sec-break{text-align:center;color:var(--gold2);font-size:.9rem;letter-spacing:.22em;margin:1.3rem 0;opacity:.8}.home-spread{display:grid;grid-template-columns:1fr 190px;gap:2.2rem;align-items:start}.profile-portrait{text-align:center;position:sticky;top:0}.profile-portrait img{width:168px;height:224px;object-fit:cover;object-position:center top;border:3px solid var(--gold);filter:sepia(.2) contrast(1.06) brightness(1.02);box-shadow:0 0 0 6px #b5890f1f,0 0 0 8px #b5890f40,6px 12px 32px #0000006b,inset 0 0 0 1px #ffffff2e;display:block;margin:0 auto .8rem;transition:filter .4s,box-shadow .4s}.profile-portrait img:hover{filter:sepia(0) contrast(1.1) brightness(1.04);box-shadow:0 0 0 6px #d4a8202e,0 0 0 9px #b5890f59,8px 16px 40px #00000080,inset 0 0 0 1px #ffffff38}.portrait-caption{font-family:var(--fell);font-size:.78rem;color:var(--ink3);line-height:1.6;font-style:italic}.portrait-caption:before{content:"— "}.portrait-caption:after{content:" —"}.portrait-socials{display:flex;gap:.4rem;justify-content:center;margin-top:.8rem;flex-wrap:wrap}.psoc-link{font-family:var(--display);font-size:.4rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid #b5890f73;padding:.28rem .55rem;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;background:#b5890f12}.psoc-link:hover{background:#b5890f2e;border-color:var(--gold2);color:var(--ink);box-shadow:0 2px 8px #b5890f33}.open-to-work{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #3d6b3a66;background:#3d6b3a12;padding:.35rem .75rem;margin:.8rem 0 .6rem;border-radius:2px}.otw-dot{width:8px;height:8px;border-radius:50%;background:#3d6b3a;box-shadow:0 0 0 2px #3d6b3a33;flex-shrink:0;animation:otwPulse 2s ease-in-out infinite}@keyframes otwPulse{0%,to{box-shadow:0 0 0 2px #3d6b3a33}50%{box-shadow:0 0 0 5px #3d6b3a14}}.otw-text{font-family:var(--display);font-size:.45rem;letter-spacing:.12em;text-transform:uppercase;color:#3d6b3a}.otw-sub{font-family:var(--fell);font-size:.78rem;color:#3d6b3abf;font-style:italic}.stats-row{display:flex;gap:1rem;margin-bottom:1rem}.stat-box{flex:1 1;text-align:center;background:linear-gradient(160deg,#b5890f17,#b5890f0a);border:1px solid #b5890f40;border-top:2px solid #b5890f73;padding:.75rem .4rem .6rem;transition:transform .2s,box-shadow .2s}.stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 14px #b5890f26}.sn{font-size:1.65rem;color:var(--red);font-weight:700;line-height:1}.sl,.sn{font-family:var(--display)}.sl{font-size:.42rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-top:.3rem}.lang-row{flex-wrap:wrap;margin-bottom:.6rem}.lang-pill,.lang-row{display:flex;gap:.5rem}.lang-pill{align-items:center;background:linear-gradient(135deg,#b5890f14,#b5890f0a);border:1px solid #b5890f38;border-left:3px solid #b5890f80;padding:.32rem .7rem .32rem .55rem;font-family:var(--fell);font-size:.8rem;color:var(--ink2);font-style:italic;transition:border-color .2s,background .2s}.lang-pill:hover{border-left-color:var(--gold2);background:#b5890f1f}.lang-code{font-family:var(--display);font-size:.42rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-style:normal;background:#b5890f1f;border:1px solid #b5890f40;padding:.12rem .35rem;flex-shrink:0}.lv{color:var(--ink3);font-size:.74rem}.porto-entry{border-left:3px solid #b5890f4d;padding:.9rem 0 .9rem 1.1rem;margin-bottom:1.1rem;position:relative;transition:border-color .3s,background .3s}.porto-entry:before{content:"";position:absolute;left:-5px;top:1.2rem;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 6px #b5890f80;transition:transform .2s,box-shadow .2s}.porto-entry:hover{border-left-color:var(--gold);background:#b5890f0d;box-shadow:0 4px 16px #0000001a;transform:translateX(2px)}.porto-entry:hover:before{transform:scale(1.4);box-shadow:0 0 10px #b5890fb3}.porto-entry-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.porto-num{font-size:.54rem;color:var(--gold);letter-spacing:.12em}.porto-num,.porto-tag{font-family:var(--display)}.porto-tag{font-size:.42rem;letter-spacing:.15em;text-transform:uppercase;color:var(--red);background:#9b1c1c14;border:1px solid #9b1c1c38;padding:.15rem .5rem}.porto-title{font-family:var(--fell);font-size:1.05rem;color:var(--ink);margin-bottom:.3rem;font-weight:600}.porto-desc{font-family:var(--serif);font-size:.88rem;color:var(--ink2);line-height:1.75;margin-bottom:.45rem}.porto-tech{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.45rem}.porto-pill{font-family:var(--display);font-size:.38rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);border:1px solid #b5890f47;padding:.15rem .48rem}.porto-links{display:flex;flex-wrap:wrap;gap:.6rem}.porto-link{font-family:var(--fell);font-size:.82rem;color:var(--red);cursor:pointer;transition:color .2s;background:none;border:none;border-bottom:1px solid #9b1c1c59;padding:0;font-style:italic;text-decoration:none}.porto-link:hover{color:#5a0f0f;border-bottom-color:#5a0f0f}.skill-entry{margin-bottom:1.1rem;border-bottom:1px solid #b5890f24;padding-bottom:.9rem}.skill-entry-title{font-family:var(--fell);font-size:.96rem;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.skill-entry-title .skill-icon{font-size:1rem;filter:grayscale(.3)}.skill-ink-bar-wrap{position:relative;height:8px;background:repeating-linear-gradient(90deg,#b5890f14,#b5890f14 3px,#b5890f08 0,#b5890f08 6px);border:1px solid #b5890f38;margin-bottom:.55rem;overflow:visible}.skill-ink-bar{height:100%;background:linear-gradient(90deg,var(--red) 0,#c4431a 28%,var(--gold) 65%,var(--gold2) 85%,#d4a8208c 100%);position:relative;animation:inkFill 1.6s cubic-bezier(.16,1,.3,1) both;box-shadow:0 0 8px #b5890f4d}.skill-ink-bar:after{content:"✦";position:absolute;right:-6px;top:50%;transform:translateY(-50%);font-size:.5rem;line-height:1;color:var(--gold2);text-shadow:0 0 6px #d4a820cc}.skill-ink-pct{position:absolute;right:0;top:-20px;font-family:var(--display);font-size:.44rem;letter-spacing:.1em;color:var(--gold);font-weight:600}@keyframes inkFill{0%{width:0!important;opacity:0}5%{opacity:1}}.skill-chips{display:flex;flex-wrap:wrap;gap:.35rem}.skill-chip{font-family:var(--display);font-size:.42rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);background:#b5890f14;border:1px solid #b5890f38;padding:.22rem .58rem;transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .18s ease,background .18s ease,border-color .18s ease}.skill-chip:hover{background:#b5890f29;color:var(--ink);border-color:#b5890f80}.skill-legend{display:flex;gap:1.2rem;margin-bottom:1.2rem;padding:.5rem .8rem;background:#b5890f0d;border:1px solid #b5890f29}.skill-legend-item{display:flex;align-items:center;gap:.4rem;font-family:var(--display);font-size:.4rem;letter-spacing:.1em;color:var(--ink3);text-transform:uppercase}.skill-legend-dot{width:8px;height:8px;border-radius:50%}.social-entry{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #8b69141f;align-items:flex-start}.social-num{font-family:var(--fraktur);font-size:1.8rem;color:var(--gold);flex-shrink:0;line-height:1;opacity:.7;width:30px;text-align:center}.social-cat{letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:.1rem}.social-cat,.social-date{font-family:var(--display);font-size:.42rem}.social-date{letter-spacing:.1em;color:var(--ink3);margin-bottom:.2rem}.social-title{font-family:var(--fell);font-size:.9rem;color:var(--ink);margin-bottom:.25rem;font-weight:600}.social-desc{font-family:var(--serif);font-size:.82rem;color:var(--ink2);line-height:1.65}.photo-placeholder-note{font-family:var(--display);font-size:.38rem;letter-spacing:.08em;color:var(--ink3);opacity:.5;font-style:italic;margin-top:.4rem}.social-photo-strip{display:flex;gap:.5rem;margin-top:.65rem;flex-wrap:wrap}.social-photo-frame{position:relative;width:90px;height:68px;flex-shrink:0;cursor:pointer;overflow:hidden;border:2px solid #8b69144d;box-shadow:2px 3px 8px #0000002e,inset 0 1px 0 #ffffff4d;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.social-photo-frame:first-child{transform:rotate(-1.5deg)}.social-photo-frame:nth-child(2){transform:rotate(.8deg)}.social-photo-frame:nth-child(3){transform:rotate(-1deg)}.social-photo-frame:first-child:hover,.social-photo-frame:nth-child(2):hover,.social-photo-frame:nth-child(3):hover{transform:rotate(0deg) scale(1.12) translateY(-3px);border-color:#8b6914b3;box-shadow:4px 10px 24px #00000052}.social-photo-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.2) contrast(1.04);transition:filter .25s,transform .25s}.social-photo-frame:hover img{filter:sepia(0) contrast(1.08);transform:scale(1.06)}.video-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#f4ead5e6;background:#0a050059;pointer-events:none;transition:background .2s}.social-photo-frame:hover .video-play-btn{background:#0a05008c}.social-photo-overlay{position:absolute;inset:0;background:#1a120973;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s}.social-photo-overlay span{color:#f4ead5e6;font-size:1.1rem}.social-photo-frame:hover .social-photo-overlay{opacity:1}.contact-box{border:1px solid #8b69144d;padding:1rem 1.2rem;margin-bottom:1rem;background:#8b69140a}.contact-row{display:flex;gap:1rem;padding:.4rem 0;border-bottom:1px solid #8b69141a;align-items:baseline}.contact-row:last-child{border-bottom:none}.contact-label{font-family:var(--display);font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink3);min-width:70px;flex-shrink:0}.contact-val{font-family:var(--fell);font-size:.9rem;color:var(--ink2);font-style:italic}.contact-val a{color:var(--red);text-decoration:none;border-bottom:1px solid #8b1a1a4d;transition:color .2s}.contact-val a:hover{color:#5a0f0f}.social-quick-links{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.2rem}.sql-btn{font-family:var(--display);font-size:.45rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem 1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;border:1px solid;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;cursor:pointer}.sql-wa{color:#2d7a2d;border-color:#2d7a2d66;background:#2d7a2d12}.sql-wa:hover{background:#2d7a2d26;border-color:#2d7a2dcc}.sql-li{color:#1a5a8a;border-color:#1a5a8a66;background:#1a5a8a12}.sql-li:hover{background:#1a5a8a26;border-color:#1a5a8acc}.sql-em{color:var(--red);border-color:#8b1a1a66;background:#8b1a1a12}.sql-em:hover{background:#8b1a1a26;border-color:#8b1a1acc}.form-note{font-family:var(--fell);font-size:.82rem;color:var(--ink3);font-style:italic;text-align:center;margin-bottom:1.2rem}.qfield{margin-bottom:.8rem}.qlabel{font-family:var(--display);font-size:.46rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.32rem}.qinput,.qtextarea{width:100%;background:#f6ecda99;border:1px solid #b5890f52;border-bottom:2px solid #b5890f66;padding:.5rem .75rem;font-family:var(--fell);font-size:.9rem;color:var(--ink);font-style:italic;outline:none;transition:border-color .3s,background .3s}.qinput:focus,.qtextarea:focus{border-color:var(--gold2);border-bottom-color:var(--red);background:#f6ecdad1}.qtextarea{height:88px;resize:vertical}.qsubmit{font-family:var(--display);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);background:var(--ink);border:none;padding:.72rem 2rem;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;display:block;margin:1.2rem auto 0;position:relative;box-shadow:3px 3px 0 #b5890f4d}.qsubmit:hover:not(:disabled){background:var(--red);box-shadow:4px 4px 0 #9b1c1c66;transform:translate(-1px,-1px)}.qsubmit:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 #b5890f4d}.wax-seal{flex-direction:column;margin:1.2rem 0 .6rem;gap:.4rem}.wax-seal,.wax-seal-circle{display:flex;align-items:center}.wax-seal-circle{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#c4291a 0,#8b1c1c 50%,#5a0f0f 100%);justify-content:center;box-shadow:0 3px 10px #8b1c1c80,inset 0 1px 2px #fff3;font-family:var(--fraktur);font-size:1.4rem;color:#f4ead5d9;text-shadow:1px 1px 2px #0006;transition:transform .3s,box-shadow .3s}.wax-seal-circle:hover{transform:rotate(-5deg) scale(1.06);box-shadow:0 5px 16px #8b1c1c99}.wax-seal-label{font-size:.38rem;letter-spacing:.25em;text-transform:uppercase}.page-num-right,.wax-seal-label{font-family:var(--display);color:var(--ink3)}.page-num-right{font-size:.5rem;letter-spacing:.15em;text-align:right;margin-top:1.5rem;padding-top:.8rem;border-top:1px solid #8b691433}.toolbar-panel{position:fixed;bottom:1.8rem;left:1.8rem;z-index:50;display:flex;flex-direction:column;align-items:flex-start;gap:0}.toolbar-toggle{width:36px;height:36px;background:#140a03e0;border:1px solid #b5890f80;color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;z-index:2;box-shadow:0 2px 12px #0006,inset 0 1px 0 #b5890f26}.toolbar-toggle:hover{border-color:var(--gold2);background:#1e1005eb}.toolbar-toggle svg{width:14px;height:14px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.toolbar-toggle.open svg{transform:rotate(45deg)}.toolbar-items{display:flex;flex-direction:column;gap:2px;overflow:hidden;max-height:0;opacity:0;transform:translateY(8px);transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none;margin-bottom:4px;order:-1}.toolbar-items.open{max-height:300px;opacity:1;transform:translateY(0);pointer-events:all}.toolbar-btn{background:#140a03e0;border:1px solid #b5890f47;color:#b5890f99;font-family:var(--display);font-size:.38rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .7rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:.45rem;text-decoration:none;white-space:nowrap;box-shadow:0 1px 6px #0000004d}.toolbar-btn svg{width:11px;height:11px;flex-shrink:0;opacity:.7;transition:opacity .2s}.toolbar-btn.active,.toolbar-btn:hover{border-color:#b5890fbf;color:var(--gold2);background:#231205f2;box-shadow:0 2px 10px #b5890f33}.toolbar-btn.active svg,.toolbar-btn:hover svg{opacity:1}#lb{position:fixed;inset:0;z-index:9999;background:#05020000;display:none;flex-direction:column;align-items:center;justify-content:center;padding:2rem;transition:background .4s ease}#lb.open{display:flex;animation:lbFadeIn .35s ease forwards}@keyframes lbFadeIn{0%{background:#05020000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#050200f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.lb-frame{position:relative;display:inline-flex;animation:lbImgReveal .4s cubic-bezier(.16,1,.3,1) .1s both}@keyframes lbImgReveal{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.lb-frame .lb-corner-bl,.lb-frame .lb-corner-tr,.lb-frame:after,.lb-frame:before{content:"";position:absolute;width:22px;height:22px;pointer-events:none;z-index:2}.lb-frame:before{top:-6px;left:-6px;border-top:2px solid var(--gold2);border-left:2px solid var(--gold2);box-shadow:-2px -2px 8px #d4a8204d}.lb-frame:after{bottom:-6px;right:-6px;border-bottom:2px solid var(--gold2);border-right:2px solid var(--gold2);box-shadow:2px 2px 8px #d4a8204d}.lb-corner-bl{bottom:-6px;left:-6px;border-bottom:2px solid #b5890f99;border-left:2px solid #b5890f99}.lb-corner-tr{top:-6px;right:-6px;border-top:2px solid #b5890f99;border-right:2px solid #b5890f99}.lb-x{position:fixed;top:20px;right:30px;background:none;border:1px solid #b5890f59;color:#b5890f99;font-family:var(--display);font-size:.48rem;letter-spacing:.15em;padding:.45rem 1rem;cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;display:flex;align-items:center;gap:.5rem}.lb-x:before{content:"✕";font-size:.7rem}.lb-x:hover{background:#9b1c1c40;border-color:var(--red);color:#f6ecdad9}#lb-img{max-width:min(85vw,900px);max-height:62vh;object-fit:contain;display:block;box-shadow:0 8px 60px #000000b3,0 0 0 1px #b5890f33}.lb-meta{margin-top:1.2rem;text-align:center;animation:lbImgReveal .4s cubic-bezier(.16,1,.3,1) .2s both}.lb-title{font-family:var(--display);font-size:.72rem;letter-spacing:.18em;color:var(--gold2);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.6rem}.lb-title:after,.lb-title:before{content:"—";color:#b5890f66}.lb-cap{font-family:var(--fell);font-size:.88rem;color:#f6ecda80;font-style:italic;margin-top:.25rem}.lb-ctrl{gap:2rem;margin-top:1.2rem;animation:lbImgReveal .4s cubic-bezier(.16,1,.3,1) .25s both}.lb-b,.lb-ctrl{display:flex;align-items:center}.lb-b{font-family:var(--display);font-size:.42rem;letter-spacing:.2em;text-transform:uppercase;color:#b5890f8c;background:none;border:1px solid #b5890f38;padding:.45rem 1.2rem;cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;gap:.4rem}.lb-b:hover{color:var(--gold2);border-color:#b5890fa6;background:#b5890f12}.lb-cnt{font-family:var(--fraktur);font-size:1.1rem;color:#b5890f73;letter-spacing:.05em;min-width:40px;text-align:center}.mobile-hamburger{display:none;position:fixed;top:1rem;left:1rem;z-index:300;background:#1a1209e6;border:1px solid #8b691480;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-hamburger span{display:block;width:20px;height:2px;background:#8b6914cc;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.mobile-overlay{position:fixed;inset:0;z-index:250;background:#050301b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(85vw,300px);background:linear-gradient(180deg,#1a1005,#150d04);border-right:1px solid #8b69144d;padding:1.5rem 0 2rem;overflow-y:auto;box-shadow:4px 0 30px #0009;display:flex;flex-direction:column}.mobile-close{position:absolute;top:1rem;right:1rem;border:1px solid #8b691466;color:#f4ead5b3;padding:.3rem .7rem;font-family:var(--display);font-size:.5rem;letter-spacing:.1em}.mobile-close,.mobile-nav-btn{background:none;cursor:pointer}.mobile-nav-btn{display:flex;width:100%;align-items:center;gap:1rem;border:none;border-bottom:1px solid #8b69141f;padding:.9rem 1.5rem;color:#d2b98cb3;font-family:var(--fell);font-size:1rem;font-style:italic;transition:background .2s;text-align:left}.mobile-nav-btn:hover{background:#8b69141a;color:#f4ead5e6}.mobile-nav-btn.active{background:#8b69141f;color:#f4ead5f2}.mobile-nav-num{font-family:var(--display);font-size:.45rem;color:#8b6914b3;letter-spacing:.1em;min-width:24px}#book-scene,#book-scene #page-left,#book-scene #page-right,#book-scene .book-p,#book-scene .ch-heading-title,#book-scene .contact-box,#book-scene .porto-desc,#book-scene .qinput,#book-scene .qtextarea,#book-scene .right-inner,#book-scene .social-desc,#book-scene .tl-card{transition:background-color .42s cubic-bezier(.16,1,.3,1),background .42s cubic-bezier(.16,1,.3,1),color .32s ease,border-color .32s ease}#book-scene.dark-mode{background:radial-gradient(ellipse at center,#0d0702 0,#050300 100%)}#book-scene.dark-mode #page-left{background:linear-gradient(180deg,#1a1005,#150d04 40%,#110a03);border-right-color:#b5890f26}#book-scene.dark-mode #page-right{background:linear-gradient(180deg,#1c1206,#171005 60%,#120e04)}#book-scene.dark-mode .flip-leaf{background:linear-gradient(108deg,#1a1005,#1c1207 38%,#161004 65%,#120d03)}#book-scene.dark-mode .book-monogram,#book-scene.dark-mode .ornament{color:#d4a820d9}#book-scene.dark-mode .book-author-name,#book-scene.dark-mode .ch-num,#book-scene.dark-mode .ch-page,#book-scene.dark-mode .toc-label{color:#b5890fa6}#book-scene.dark-mode .ch-title{color:#dcc8a0bf}#book-scene.dark-mode .chapter-btn.active .ch-title,#book-scene.dark-mode .chapter-btn:hover .ch-title{color:#f4ead5e6}#book-scene.dark-mode .chapter-btn:hover{background:#b5890f1a}#book-scene.dark-mode .chapter-btn.active{background:#b5890f26}#book-scene.dark-mode .page-num-left,#book-scene.dark-mode .page-num-right{color:#b5890f73}#book-scene.dark-mode .ch-heading{border-bottom-color:#dcc8a059}#book-scene.dark-mode .ch-heading-num{color:#d4a820bf}#book-scene.dark-mode .ch-heading-title{color:#f4ead5eb}#book-scene.dark-mode .ch-heading-title em{color:#b49b64b3}#book-scene.dark-mode .book-p,#book-scene.dark-mode .porto-desc,#book-scene.dark-mode .social-desc{color:#d2b98cc7}#book-scene.dark-mode .book-p strong{color:#f4ead5f2}#book-scene.dark-mode .book-h3{color:#f4ead5d9}#book-scene.dark-mode .dropcap:first-letter{color:#c43c3ce6}#book-scene.dark-mode .sec-break{color:#b5890f8c}#book-scene.dark-mode .porto-entry{border-left-color:#b5890f38}#book-scene.dark-mode .porto-entry:before{background:#b5890fa6}#book-scene.dark-mode .porto-num{color:#d4a820bf}#book-scene.dark-mode .porto-tag{color:#c44646e0;background:#9b1c1c24;border-color:#9b1c1c38}#book-scene.dark-mode .porto-title,#book-scene.dark-mode .skill-entry-title,#book-scene.dark-mode .social-title{color:#f4ead5e6}#book-scene.dark-mode .porto-pill{color:#b5890fad;border-color:#b5890f33}#book-scene.dark-mode .porto-link{color:#c45050e0}#book-scene.dark-mode .skill-chip{color:#bea573c7;background:#b5890f12;border-color:#b5890f2e}#book-scene.dark-mode .skill-ink-bar-wrap{background:#b5890f14;border-color:#b5890f26}#book-scene.dark-mode .skill-ink-bar{background:linear-gradient(90deg,#7a1a1a,#9b4a1a 28%,#8b6914 65%,#b5890f80)}#book-scene.dark-mode .skill-ink-bar:after{color:#d4a820b3}#book-scene.dark-mode .skill-ink-pct{color:#b5890f99}#book-scene.dark-mode .social-photo-frame{border-color:#b5890f38}#book-scene.dark-mode .contact-box{background:#b5890f0a;border-color:#b5890f33}#book-scene.dark-mode .contact-label{color:#b5890f94}#book-scene.dark-mode .contact-val{color:#d2b98cc7}#book-scene.dark-mode .contact-val a{color:#c45050e0}#book-scene.dark-mode .qinput,#book-scene.dark-mode .qtextarea{background:#140c0499;border-color:#b5890f38;color:#dcc396e6}#book-scene.dark-mode .qinput:focus,#book-scene.dark-mode .qtextarea:focus{border-color:#b5890f8c;background:#1e1206b3}#book-scene.dark-mode .qlabel{color:#b5890f99}#book-scene.dark-mode .form-note{color:#b5890f7a}#book-scene.dark-mode .qsubmit{background:#3c230ae6;color:#dcc396d9}#book-scene.dark-mode .qsubmit:hover:not(:disabled){background:#6e1616e6}#book-scene.dark-mode .lang-pill{background:#b5890f12;border-color:#b5890f2e;color:#d2b98cc7}#book-scene.dark-mode .stat-box{background:#b5890f0f;border-color:#b5890f59 #b5890f2e #b5890f2e}#book-scene.dark-mode .sn{color:#c43c3ceb}#book-scene.dark-mode .portrait-caption,#book-scene.dark-mode .sl{color:#b5890f85}#book-scene.dark-mode .social-cat{color:#c45050d1}#book-scene.dark-mode .social-date{color:#b5890f6b}#book-scene.dark-mode .social-num{color:#b5890f85}#book-scene.dark-mode #spine{background:linear-gradient(90deg,#030201,#0d0702 30%,#150d04 50%,#0d0702 70%,#030201)}#book-scene.dark-mode .open-to-work{border-color:#3d6b3a40;background:#3d6b3a0d}#book-scene.dark-mode .otw-text{color:#5a9658d9}#book-scene.dark-mode .otw-sub{color:#5a965899}#book-scene.dark-mode .psoc-link{color:#b5890fbf;border-color:#b5890f47;background:#b5890f0d}#book-scene.dark-mode .kbd-hint{color:#b5890f52}#book-scene.dark-mode .kbd-key{border-color:#b5890f38;background:#b5890f0d}#book-scene.dark-mode .photo-placeholder-note{color:#b5890f6b}#book-scene.dark-mode .wax-seal-label{color:#b5890f73}.travel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.5rem}.travel-card{cursor:pointer;position:relative}.travel-card-0{transform:rotate(-1.2deg)}.travel-card-1{transform:rotate(.6deg)}.travel-card-2{transform:rotate(-.8deg)}.travel-card{transition:transform .3s cubic-bezier(.16,1,.3,1),z-index 0s}.travel-card:hover{transform:rotate(0deg) scale(1.06)!important;z-index:2}.travel-card-inner{background:#f8f0dd;padding:.35rem .35rem .65rem;box-shadow:2px 4px 14px #00000047,inset 0 1px 0 #fff9;border:1px solid #8b691433;transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.travel-card:hover .travel-card-inner{box-shadow:4px 8px 28px #00000061,inset 0 1px 0 #fff9}.travel-card-inner img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:sepia(.15) contrast(1.05);transition:filter .3s}.travel-card:hover .travel-card-inner img{filter:sepia(0) contrast(1.08)}.travel-card-footer{display:flex;justify-content:space-between;align-items:center;padding:.3rem .1rem 0;gap:.3rem}.travel-dest{font-family:var(--fell);font-size:.68rem;color:var(--ink2);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-year{font-family:var(--display);font-size:.38rem;letter-spacing:.1em;color:var(--ink3);flex-shrink:0}#book-scene.dark-mode .travel-card-inner{background:#1e1408;border-color:#8b691433;box-shadow:2px 4px 14px #00000080}#book-scene.dark-mode .travel-dest{color:#d2b98cbf}#book-scene.dark-mode .travel-year{color:#8b691480}.travel-card-inner img{background:linear-gradient(90deg,var(--paper3) 25%,var(--paper2) 50%,var(--paper3) 75%);background-size:200% 100%;animation:skelShimmer 1.4s ease-in-out infinite}.travel-card-inner img[src]{animation:skelShimmer 1.4s ease-in-out infinite,none}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.travel-card-inner img.loaded{animation:none;background:none}@media (pointer:fine){body{cursor:none}.cursor-dot{top:-4px;left:-4px;width:8px;height:8px;background:var(--gold2);z-index:99999;transition:opacity .2s,background .2s,scale .1s;box-shadow:0 0 6px #d4a82099}.cursor-dot,.cursor-ring{position:fixed;border-radius:50%;pointer-events:none;will-change:transform}.cursor-ring{top:-14px;left:-14px;width:28px;height:28px;border:1px solid #b5890f80;z-index:99998;transition:width .2s,height .2s,opacity .2s,top .2s,left .2s}.cursor-dot.hovering{scale:2.5;background:var(--red)}.cursor-ring.hovering{width:44px;height:44px;top:-22px;left:-22px;border-color:#9b1c1c80}}@media (max-width:700px){body,html{overflow:auto}#book-scene{height:auto;min-height:100vh;align-items:flex-start;padding-top:0;perspective:none;background:radial-gradient(ellipse at 50% 0,#50280a66 0,#0000 60%),radial-gradient(ellipse at center,#1e1005 0,#0a0602 100%)}.scene-candle,.scene-vignette{display:none}.intro-monogram{font-size:clamp(4rem,20vw,6rem)}.intro-title{font-size:.6rem;letter-spacing:.3em}#book{flex-direction:column;width:100vw;height:auto;box-shadow:none;min-height:100vh}#book,.intro-done #book,.intro-opening #book{transform:none!important}#page-left,#spine{display:none}#page-right{flex:none;width:100%;overflow:visible;min-height:100vh;background:linear-gradient(180deg,var(--paper) 0,var(--paper2) 100%)}#page-right:after{display:none}.right-inner{height:auto;overflow:visible;padding:3.5rem 1.2rem 5rem}.chapter-ribbon-wrap{height:16px}.chapter-ribbon-label{display:none}.ch-heading-title{font-size:1.5rem}.ch-heading-num{font-size:.5rem;letter-spacing:.25em}.book-p{font-size:.95rem;line-height:1.85}.dropcap:first-letter{font-size:4rem}.home-spread{display:flex;flex-direction:column-reverse;gap:1.4rem}.profile-portrait{display:flex;flex-direction:row;align-items:center;gap:1.2rem;text-align:left;position:static;background:#b5890f0d;border:1px solid #b5890f2e;padding:.8rem}.profile-portrait img{width:80px;height:106px;flex-shrink:0;margin:0;box-shadow:3px 5px 16px #00000059}.portrait-caption{font-size:.8rem}.portrait-socials{justify-content:flex-start;margin-top:.5rem}.stats-row{gap:.6rem;flex-wrap:wrap}.stat-box{min-width:calc(50% - .3rem);padding:.6rem .3rem}.sn{font-size:1.4rem}.sl{font-size:.4rem}.lang-row{gap:.4rem}.lang-pill{font-size:.76rem;padding:.28rem .5rem}.porto-entry{padding:.7rem 0 .7rem .9rem;margin-bottom:.9rem}.porto-title{font-size:.98rem}.porto-desc{font-size:.85rem}.porto-tech{gap:.25rem}.porto-pill{font-size:.37rem}.skill-legend{flex-wrap:wrap;gap:.4rem}.skill-legend-item{font-size:.38rem}.skill-entry-title{font-size:.9rem}.social-entry{flex-direction:column;gap:.6rem}.social-photo-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;gap:.5rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth}.social-photo-frame{flex-shrink:0;transform:none!important;scroll-snap-align:start}.social-photo-frame:first-child,.social-photo-frame:nth-child(2),.social-photo-frame:nth-child(3){transform:none}.travel-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.travel-card-0,.travel-card-1,.travel-card-2{transform:none}.travel-dest{font-size:.62rem}.contact-box{padding:.8rem}.contact-row{flex-direction:column;gap:.15rem}.social-quick-links{gap:.4rem;flex-wrap:wrap}.sql-btn{font-size:.44rem;padding:.45rem .8rem}.qinput,.qtextarea{font-size:.85rem}.mobile-hamburger{display:flex}.toolbar-panel{display:none!important}.content-section.active{animation:chapterRevealMobile .3s ease both!important}@keyframes chapterRevealMobile{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cursor-dot,.cursor-ring,canvas{display:none!important}[role=button],a,button{touch-action:manipulation}#book,#page-right,.content-section,.flip-leaf,.right-inner{will-change:auto!important}#book-scene:before,.intro-curtain:after,.intro-monogram{animation:none!important}.intro-curtain:after{opacity:.8}.intro-hint{animation:introPulse 2.5s ease-in-out 1.2s infinite}.intro-scroll-arrow{opacity:.65}.intro-scroll-arrow,.intro-scroll-dot,.scene-candle{animation:none!important}.scene-candle{opacity:.6}.intro-open-label{animation:none!important;opacity:.55}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.content-section:not(.active){content-visibility:hidden}img{image-rendering:auto}.scroll-hint-mobile{bottom:1.5rem!important;right:50%!important;transform:translateX(50%)}.wax-seal-circle{width:44px;height:44px;font-size:1.2rem}}.project-index-list .chapter-btn{padding:.38rem 0;border-top:1px solid #b5890f1f}.project-index-btn{animation:staggerUp .4s cubic-bezier(.16,1,.3,1) both}.project-index-hint{margin-top:.8rem;padding-top:.6rem;border-top:1px solid #b5890f26;text-align:center}.projects-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.8rem}.proj-preview-card{border:1px solid #b5890f33;border-top:2px solid #b5890f59;background:#b5890f08;padding:.7rem .75rem;cursor:pointer;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.proj-preview-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#d4a8200a,#0000 60%);pointer-events:none}.proj-preview-card:hover{border-color:#b5890f99;background:#b5890f14;transform:translateY(-4px);box-shadow:0 10px 28px #00000038,0 0 0 1px #b5890f2e}.proj-preview-num{font-size:.42rem;color:var(--gold);margin-bottom:.15rem}.proj-preview-num,.proj-preview-tag{font-family:var(--display);letter-spacing:.12em}.proj-preview-tag{font-size:.38rem;text-transform:uppercase;color:var(--red);background:#9b1c1c12;border:1px solid #9b1c1c2e;padding:.1rem .35rem;display:inline-block;margin-bottom:.35rem}.proj-preview-title{font-family:var(--fell);font-size:.88rem;color:var(--ink);font-weight:600;margin-bottom:.2rem;line-height:1.2}.proj-preview-desc{font-family:var(--serif);font-size:.72rem;color:var(--ink3);line-height:1.6;margin-bottom:.3rem}.proj-preview-tech{display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:.35rem}.proj-preview-open{font-family:var(--fell);font-size:.75rem;font-style:italic;color:var(--red);opacity:0;transition:opacity .2s;border-bottom:1px solid #9b1c1c4d;display:inline-block}.proj-preview-card:hover .proj-preview-open{opacity:1}.proj-detail-back{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.proj-back-btn{font-family:var(--fell);font-size:.82rem;font-style:italic;color:var(--ink3);background:none;cursor:pointer;padding:.28rem .6rem;border:1px solid #b5890f33;transition:color .2s,border-color .2s,background .2s}.proj-back-btn:hover{color:var(--red);border-color:#9b1c1c66;background:#9b1c1c0a}.proj-detail-status{font-family:var(--display);font-size:.38rem;letter-spacing:.18em;text-transform:uppercase;color:#3d6b3a;border:1px solid #3d6b3a59;background:#3d6b3a0f;padding:.18rem .5rem;display:flex;align-items:center;gap:.3rem}.proj-detail-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#3d6b3a;display:inline-block;flex-shrink:0;animation:otwPulse 2s ease-in-out infinite}.proj-detail-header{margin-bottom:.8rem;padding-bottom:1rem;border-bottom:2px solid var(--ink);position:relative}.proj-detail-header:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold2),#b5890f1a)}.proj-detail-divider{text-align:center;color:var(--gold2);font-size:.85rem;letter-spacing:.22em;margin:.7rem 0;opacity:.7}.proj-detail-body{display:flex;flex-direction:column;gap:.9rem}.proj-detail-section-label{font-family:var(--display);font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.proj-detail-section-label:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,#b5890f59,#0000)}.proj-highlights-list{display:flex;flex-direction:column;gap:.35rem}.proj-highlight-item{display:flex;align-items:flex-start;gap:.5rem;font-family:var(--serif);font-size:.88rem;color:var(--ink2);line-height:1.6}.proj-highlight-dot{font-size:.55rem;color:var(--gold2);margin-top:.28rem;flex-shrink:0}.proj-detail-links{display:flex;flex-wrap:wrap;gap:.6rem}.proj-detail-link-btn{font-family:var(--fell);font-size:.88rem;font-style:italic;color:var(--paper);background:linear-gradient(135deg,var(--red) 0,#7a1a08 100%);border:1px solid #9b1c1c80;padding:.45rem 1rem;cursor:pointer;text-decoration:none;transition:background .25s,box-shadow .25s,transform .2s;display:inline-flex;align-items:center;box-shadow:0 2px 8px #9b1c1c40}.proj-detail-link-btn:hover{background:linear-gradient(135deg,#b52020,#9b1c1c);box-shadow:0 4px 16px #9b1c1c66;transform:translateY(-1px);color:#fff8f0}.proj-detail-nav{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;padding-top:.8rem;border-top:1px solid #b5890f2e}.proj-nav-btn{font-family:var(--fell);font-size:.82rem;font-style:italic;color:var(--ink3);background:none;cursor:pointer;padding:.25rem .5rem;border:1px solid #b5890f33;transition:color .2s,border-color .2s}.proj-nav-btn:hover:not(:disabled){color:var(--red);border-color:#9b1c1c66}.proj-nav-btn:disabled{opacity:.3;cursor:default}#book-scene.dark-mode .proj-preview-card{background:#b5890f0a;border-color:#b5890f26}#book-scene.dark-mode .proj-preview-card:hover{background:#b5890f17}#book-scene.dark-mode .proj-detail-link-btn{color:#fff8f0}@media (max-width:700px){.projects-preview-grid{grid-template-columns:1fr;gap:.6rem}.proj-preview-card{padding:.6rem .65rem}.proj-detail-back{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:380px){.stats-row{gap:.4rem}.stat-box{min-width:calc(50% - .2rem)}.lang-pill{font-size:.7rem}.porto-pill{font-size:.35rem}.right-inner{padding:3.2rem 1rem 4rem}.ch-heading-title{font-size:1.3rem}}@media (min-width:701px) and (max-width:960px){#book{width:98vw;height:min(680px,94vh)}#page-left{width:220px}.right-inner{padding:2.4rem 1.8rem 2rem 2rem}.ch-heading-title{font-size:1.6rem}.home-spread{grid-template-columns:1fr 150px}.profile-portrait img{width:140px;height:186px}}@media print{body{background:#fff!important;overflow:auto!important}#book-scene{background:#fff!important;perspective:none!important}#book,#book-scene{width:100%!important;height:auto!important;display:block!important}#book{box-shadow:none!important;transform:none!important}#spine{display:none!important}#page-left{border:none!important;border-bottom:2px solid #8b6914!important;padding-bottom:1rem!important}#page-left,#page-right{width:100%!important;height:auto!important;background:#fff!important}#page-right,.right-inner{overflow:visible!important}.right-inner{height:auto!important;padding:1.5rem 2rem!important;opacity:1!important}.content-section{display:block!important;margin-bottom:2.5rem;page-break-inside:avoid;animation:none!important}#lb,.flip-leaf,.mobile-hamburger,.mobile-overlay,.toolbar-btn{display:none!important}.porto-entry,.skill-entry,.social-entry{page-break-inside:avoid;break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@keyframes projFlipIn{0%{opacity:0;transform:rotateY(-22deg) translateX(50px) translateZ(-10px);filter:brightness(.85)}45%{opacity:.7;transform:rotateY(-6deg) translateX(8px) translateZ(4px);filter:brightness(.97)}65%{opacity:1;transform:rotateY(3deg) translateX(-3px) translateZ(2px);filter:brightness(1.02)}to{opacity:1;transform:rotateY(0deg) translateX(0) translateZ(0);filter:brightness(1)}}@keyframes projFlipInReverse{0%{opacity:0;transform:rotateY(22deg) translateX(-50px) translateZ(-10px);filter:brightness(.85)}45%{opacity:.7;transform:rotateY(6deg) translateX(-8px) translateZ(4px);filter:brightness(.97)}65%{opacity:1;transform:rotateY(-3deg) translateX(3px) translateZ(2px);filter:brightness(1.02)}to{opacity:1;transform:rotateY(0deg) translateX(0) translateZ(0);filter:brightness(1)}}@keyframes projFlipOut{0%{opacity:1;transform:rotateY(0deg) translateX(0) translateZ(0);filter:brightness(1)}35%{opacity:.5;transform:rotateY(14deg) translateX(-22px) translateZ(8px);filter:brightness(.88)}to{opacity:0;transform:rotateY(26deg) translateX(-60px) translateZ(-6px);filter:brightness(.75)}}@keyframes projFlipOutReverse{0%{opacity:1;transform:rotateY(0deg) translateX(0) translateZ(0);filter:brightness(1)}35%{opacity:.5;transform:rotateY(-14deg) translateX(22px) translateZ(8px);filter:brightness(.88)}to{opacity:0;transform:rotateY(-26deg) translateX(60px) translateZ(-6px);filter:brightness(.75)}}.project-detail-page{perspective:1200px;perspective-origin:50%;animation:chapterReveal .45s cubic-bezier(.16,1,.3,1) both}@keyframes projSlideIn{0%{opacity:0;transform:translateX(28px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@keyframes projSlideOutLeft{0%{opacity:1;transform:translateX(0) translateZ(0)}to{opacity:0;transform:translateX(-28px) translateZ(0)}}@keyframes projSlideOutRight{0%{opacity:1;transform:translateX(0) translateZ(0)}to{opacity:0;transform:translateX(28px) translateZ(0)}}.proj-preview-thumbnail{margin:.8rem 0 1rem;border:1px solid #b5890f40;border-radius:2px;overflow:hidden;background:#0a0602;box-shadow:0 4px 20px #00000059}.proj-preview-thumb-bar{display:flex;align-items:center;gap:.4rem;padding:.3rem .55rem;background:linear-gradient(180deg,#b5890f14,#b5890f0a);border-bottom:1px solid #b5890f26}.proj-thumb-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;opacity:.8}.proj-preview-thumb-body{position:relative;height:160px;overflow:hidden}.proj-preview-iframe{border:none;height:500px;transform:scale(.38) translateY(-42%);transform-origin:top left;width:264%;pointer-events:none;opacity:.9;filter:sepia(.08) contrast(1.02)}.proj-preview-iframe-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#0a060200;transition:background .25s}.proj-preview-iframe-overlay:hover{background:#0a06028c}.proj-preview-iframe-hint{font-family:var(--fell);font-style:italic;font-size:.88rem;color:#f4ead5e6;opacity:0;transition:opacity .2s;text-shadow:0 2px 8px #000c;background:#0a060299;padding:.4rem .8rem;border:1px solid #b5890f4d}.proj-preview-iframe-overlay:hover .proj-preview-iframe-hint{opacity:1}#book-scene.dark-mode .proj-preview-thumbnail{border-color:#b5890f26}#book-scene.dark-mode .proj-preview-thumb-bar{background:#b5890f0d}@media (max-width:700px){.proj-preview-thumb-body{height:110px}.proj-preview-iframe{height:360px;transform:scale(.3) translateY(-52%);width:333%}.proj-preview-thumbnail{margin:.5rem 0 .8rem}}@font-face{font-family:__IM_Fell_English_5ff2cf;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/50af7580c16e943a.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IM_Fell_English_5ff2cf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/565f544356a75cf3.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_5ff2cf{font-family:__IM_Fell_English_5ff2cf;font-weight:400}.__variable_5ff2cf{--font-fell:"__IM_Fell_English_5ff2cf"}@font-face{font-family:__Cinzel_90c37a;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Cinzel_90c37a;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Cinzel_90c37a;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Cinzel_90c37a;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Cinzel_90c37a;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b497598118275079-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Cinzel_90c37a;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a273567b21a7c318-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Cinzel_Fallback_90c37a;src:local("Times New Roman");ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:136.86%}.__className_90c37a{font-family:__Cinzel_90c37a,__Cinzel_Fallback_90c37a;font-style:normal}.__variable_90c37a{--font-display:"__Cinzel_90c37a","__Cinzel_Fallback_90c37a"}@font-face{font-family:__Crimson_Text_13cef7;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/f9c175e84c2746b9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Crimson_Text_13cef7;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/38f1353136457b55-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Crimson_Text_13cef7;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/f388ce6667079c43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Crimson_Text_13cef7;font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/2488b73fbbda06e9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Crimson_Text_13cef7;font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/c794bebaf209f9fb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Crimson_Text_13cef7;font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/fc624604eae89eb3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Crimson_Text_13cef7;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b23db1c6f4ff0acf-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Crimson_Text_13cef7;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9cb252b81356e010-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Crimson_Text_13cef7;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e400baae650c21fc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Crimson_Text_13cef7;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/1bf9d3bd15ef878b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Crimson_Text_13cef7;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/34aa362d39abe17a-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Crimson_Text_13cef7;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c7b4fd33734710f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Crimson_Text_Fallback_13cef7;src:local("Times New Roman");ascent-override:97.50%;descent-override:36.01%;line-gap-override:0.00%;size-adjust:97.36%}.__className_13cef7{font-family:__Crimson_Text_13cef7,__Crimson_Text_Fallback_13cef7}.__variable_13cef7{--font-serif:"__Crimson_Text_13cef7","__Crimson_Text_Fallback_13cef7"}@font-face{font-family:__UnifrakturMaguntia_6ed94d;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e9781113963cfc74-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__UnifrakturMaguntia_Fallback_6ed94d;src:local("Arial");ascent-override:88.12%;descent-override:28.13%;line-gap-override:0.00%;size-adjust:89.05%}.__className_6ed94d{font-family:__UnifrakturMaguntia_6ed94d,__UnifrakturMaguntia_Fallback_6ed94d;font-weight:400;font-style:normal}.__variable_6ed94d{--font-fraktur:"__UnifrakturMaguntia_6ed94d","__UnifrakturMaguntia_Fallback_6ed94d"}