@import "https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Inter:wght@300;400;600&display=swap";:root{--font-serif:"IM Fell English", serif;--font-sans:"Inter", sans-serif;--color-primary:#8b0000;--color-secondary:#000;--color-text-light:#f5f5f5;--color-text-dark:#1a1a1a;--color-glow:#ffeb85b3;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-serif);background-color:var(--color-secondary);color:var(--color-text-light);overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.hero-container{background-color:var(--color-secondary);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.logo-top-left{z-index:100;pointer-events:none;width:clamp(120px,15vw,260px);height:auto;position:fixed;top:2rem;left:2rem}.logo-top-right{z-index:100;pointer-events:none;filter:drop-shadow(0 0 10px #000000b3);width:clamp(120px,15vw,280px);height:auto;position:fixed;top:-15px;right:2rem}.bg-layer{object-fit:cover;z-index:1;will-change:transform;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(0,0)scale(1.06)}.tree-container{aspect-ratio:3000/2991;z-index:2;will-change:transform;justify-content:center;align-items:center;max-width:100vw;height:100vh;display:flex;position:relative;transform:translate(0,0)}.tree-layer,.shadow-layer,.icon-full-layer{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=768px){.hero-container{scroll-behavior:smooth;display:block;overflow:auto}.bg-layer{object-fit:cover;width:100vw;height:100vh;transition:none;position:fixed;top:0;left:0}.tree-container{width:auto;max-width:none;height:140vh;margin:10vh 20vw 20vh;transition:none!important;transform:none!important}}.hit-box{cursor:pointer;z-index:10;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.icon-full-layer,.icon-glow-layer{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:0;left:0}.icon-glow-layer{z-index:1;opacity:0;transition:opacity .4s,transform .3s cubic-bezier(.175,.885,.32,1.275)}.icon-glow-layer.active{opacity:1}.icon-full-layer{z-index:2}.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:100;background:#080e1a8c;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.35s ease-out forwards modalBackdropFadeIn;display:flex;position:fixed;top:0;left:0}.svg-filters{pointer-events:none;width:0;height:0;position:absolute}.modal-scrolls-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1.35rem;width:85%;max-width:345px;display:flex;position:relative}.scroll-close-btn{color:#f6eedf;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e140fbf;border:1px solid #f6eedf66;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.25rem;line-height:1;transition:all .25s;display:flex;position:absolute;top:-24px;right:-16px}.scroll-close-btn:hover{color:#fff;background:#8b0000;border-color:#8b0000;transform:scale(1.1)}.scroll-item{box-sizing:border-box;opacity:0;width:100%;animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeInScroll;position:relative}.scroll-top{animation-delay:50ms}.scroll-bottom{animation-delay:.12s}.scroll-paper-bg{box-sizing:border-box;background:linear-gradient(90deg,#875a2d47 0%,#0000 9% 91%,#875a2d47 100%),linear-gradient(#8c5c2c52 0%,#0000 12% 88%,#7d502661 100%),radial-gradient(#faf3e4 0%,#f3e6cd 48%,#e4ceab 76%,#c4a678 92%,#a48252 100%);border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 20px #69411973,inset 0 0 5px #41230a8c}.scroll-paper-bg-top{filter:url(#torn-edge-top)drop-shadow(-8px 6px 14px #0000006b)drop-shadow(-2px 3px 5px #00000038)}.scroll-paper-bg-bottom{filter:url(#torn-edge-bottom)drop-shadow(-8px 6px 16px #0000006b)drop-shadow(-2px 3px 5px #00000038)}.scroll-texture-layer{pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"200\" height=\"200\"><g stroke=\"%234a3118\" stroke-width=\"0.75\" opacity=\"0.32\" stroke-linecap=\"round\"><line x1=\"22\" y1=\"16\" x2=\"48\" y2=\"26\"/><line x1=\"142\" y1=\"82\" x2=\"168\" y2=\"76\"/><line x1=\"78\" y1=\"142\" x2=\"102\" y2=\"158\"/><line x1=\"168\" y1=\"162\" x2=\"188\" y2=\"174\"/><line x1=\"14\" y1=\"112\" x2=\"32\" y2=\"106\"/><path d=\"M108,32 Q116,46 126,50\" fill=\"none\"/></g><g fill=\"%233e2410\" opacity=\"0.4\"><circle cx=\"46\" cy=\"70\" r=\"1.1\"/><circle cx=\"134\" cy=\"116\" r=\"0.9\"/><circle cx=\"86\" cy=\"36\" r=\"1.2\"/><circle cx=\"166\" cy=\"40\" r=\"0.8\"/><circle cx=\"30\" cy=\"154\" r=\"1.1\"/><circle cx=\"122\" cy=\"170\" r=\"0.95\"/><circle cx=\"180\" cy=\"122\" r=\"1.2\"/><circle cx=\"76\" cy=\"102\" r=\"0.75\"/><circle cx=\"14\" cy=\"44\" r=\"0.9\"/><circle cx=\"152\" cy=\"182\" r=\"1.0\"/><circle cx=\"98\" cy=\"86\" r=\"0.7\"/></g></svg>"),url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"220\" height=\"220\"><filter id=\"scratches\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.04 0.9\" numOctaves=\"2\" result=\"noise\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.25  0 0 0 0 0.14  0 0 0 0 0.06  0 0 0 32 -25\" result=\"scratches\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23scratches)\" opacity=\"0.3\"/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"160\" height=\"160\"><filter id=\"grain\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.75\" numOctaves=\"4\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23grain)\" opacity=\"0.08\"/></svg>");border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0}.scroll-content{z-index:2;text-align:center;filter:none;flex-direction:column;justify-content:center;align-items:center;padding:1.15rem 1.6rem;display:flex;position:relative}.scroll-top .scroll-content{padding:1.05rem 1.45rem}.scroll-bottom .scroll-content{gap:1rem;padding:1.45rem 1.65rem}.scroll-title{font-family:var(--font-serif);color:#1e1915;letter-spacing:.02em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.35}.scroll-text{font-family:var(--font-serif);color:#241d17;letter-spacing:.01em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;white-space:pre-wrap;margin:0;font-size:1.22rem;font-style:italic;font-weight:400;line-height:1.5}.scroll-action-btn{font-family:var(--font-serif);color:#781010;text-underline-offset:4px;cursor:pointer;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;padding:.3rem 1rem;font-size:1.22rem;font-style:italic;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;transition:all .25s;display:inline-block}.scroll-action-btn:hover{color:#a31414;text-decoration-thickness:2px;transform:translateY(-1px)}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScroll{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.secondary-section{background-color:var(--color-secondary);z-index:20;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;box-shadow:0 -20px 50px #0a192fcc}.secondary-section:before{content:"";pointer-events:none;background:linear-gradient(#0000,#000);width:100%;height:200px;position:absolute;top:0;left:0;transform:translateY(-100%)}.content-container{text-align:center;width:100%;max-width:1000px}.intro-text{font-family:var(--font-serif);color:var(--color-text-light);max-width:450px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.branch-bordered-content{flex-direction:column;gap:3rem;width:fit-content;max-width:95vw;margin:0 auto;padding:3rem 4rem;display:flex;position:relative}.branch-corner{pointer-events:none;z-index:5;width:clamp(70px,15vw,140px);height:auto;position:absolute}.branch-corner.top-left{top:0;left:0}.branch-corner.top-right{top:0;right:0}.branch-corner.bottom-left{bottom:0;left:0}.branch-corner.bottom-right{bottom:0;right:0}.activity-block{text-align:center}.activity-block h3{font-family:var(--font-serif);color:var(--color-text-light);letter-spacing:2px;margin-bottom:1rem;font-size:1.4rem}.activity-block p.activity-intro{font-family:var(--font-serif);color:var(--color-text-light);max-width:450px;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.6}.activity-list{max-width:450px;margin:0 auto;padding:0;list-style:none}.activity-list li{font-family:var(--font-serif);color:var(--color-text-light);margin-bottom:.5rem;font-size:1.1rem;line-height:1.8}.activity-list li a{color:inherit;text-decoration:none;transition:all .3s}.activity-list li a:hover{color:var(--color-primary,#8b0000)}@media (width<=768px){.branch-bordered-content{padding:2rem}.activity-block p{font-size:1rem}}.social-section{justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.social-container{justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:800px;display:flex}.social-link{color:var(--color-text,#fff);justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;transition:color .3s,transform .3s;display:flex}.social-link:hover{color:var(--color-primary,#8b0000);transform:translateY(-3px)}.app-container{flex-direction:column;min-height:100vh;display:flex}