@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Bold.ttf);font-weight:700;font-display:swap}:root{--screen-background:#0d0f15;--panel-color:#161a24eb;--card-color:#1c202cf2;--row-hover-color:#323849;--text-color:#ede6d6;--muted-text-color:#9e9788;--dark-text-color:#1a1610;--brass-color:#c9a25b;--brass-bright-color:#ecc986;--brass-dim-color:#7a623a;--header-height:4rem;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--screen-background) url(/art/chamber.jpg) center / cover fixed;min-height:100vh;color:var(--text-color);flex-direction:column;margin:0;font:18px/1.6 Lato,sans-serif;display:flex}main{flex:1}h1,h2,h3,.brand{color:var(--brass-bright-color);font-family:Cinzel,serif;font-weight:700;line-height:1.25}h1,h2,h3,.button{hyphens:auto;overflow-wrap:anywhere}h1{margin:0 0 1rem;font-size:2.4rem}h2{margin:2rem 0 1rem;font-size:1.7rem}h3{margin:0 0 .4rem;font-size:1.2rem}a{color:var(--brass-bright-color)}a:hover{color:var(--text-color)}img{border:1px solid var(--brass-dim-color);max-width:100%;height:auto}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(1100px,100% - 3rem);margin-inline:auto}.kicker{text-transform:uppercase;letter-spacing:.3em;color:var(--brass-color);align-items:center;gap:.8em;margin:0 0 .8rem;font-family:Cinzel,serif;font-size:.78rem;font-weight:700;display:flex}.kicker:before{content:"";background:var(--brass-color);width:28px;height:1px;transition:width .9s .3s var(--ease)}.js [data-reveal]:not(.is-in) .kicker:before{width:0}.js [data-reveal]{transition:opacity .9s var(--ease), transform .9s var(--ease)}.js [data-reveal]:not(.is-in){opacity:0;transform:translateY(28px)}.site-header{z-index:10;height:var(--header-height);background:linear-gradient(#0d0f15bf,#0000);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 2rem;transition:background-color .4s,border-color .4s;display:flex;position:sticky;top:0}.site-header.is-scrolled{background-color:var(--panel-color);border-bottom-color:var(--brass-dim-color);backdrop-filter:blur(8px)}.brand{letter-spacing:.04em;font-size:1.4rem;text-decoration:none}.site-header nav{gap:1.8rem;margin-left:auto;display:flex}.site-header nav a{color:var(--text-color);text-transform:uppercase;letter-spacing:.12em;padding:.3rem 0;font-size:.85rem;text-decoration:none;position:relative}.site-header nav a:after{content:"";background:var(--brass-bright-color);height:1px;transition:transform .35s var(--ease);position:absolute;inset:auto 0 0;transform:scaleX(0)}.site-header nav a:hover{color:var(--brass-bright-color)}.site-header nav a:hover:after{transform:scaleX(1)}.language-menu{margin-left:1.8rem;position:relative}.language-menu summary{cursor:pointer;border:1px solid var(--brass-dim-color);padding:.3rem .4rem;list-style:none;transition:border-color .25s;display:flex}.language-menu .flag{object-fit:cover;border:1px solid #ede6d64d;width:1.5rem;height:1rem}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:hover,.language-menu[open] summary{border-color:var(--brass-color)}.language-menu ul{background:var(--panel-color);border:1px solid var(--brass-dim-color);backdrop-filter:blur(8px);width:max-content;margin:0;padding:.4rem 0;list-style:none;position:absolute;top:calc(100% + .5rem);right:0}.language-menu ul a{color:var(--text-color);align-items:center;gap:.7rem;padding:.35rem 1.2rem;text-decoration:none;display:flex}.language-menu ul a:hover,.language-menu ul a[aria-current]{color:var(--brass-bright-color)}.site-footer{text-align:center;color:var(--muted-text-color);background:var(--panel-color);border-top:1px solid var(--brass-dim-color);padding:1.5rem 2rem;font-size:.85rem}.site-footer p{margin:0}.studio-logo{border:none;width:200px;height:auto;margin:.5rem auto 1rem;display:block}.hero{isolation:isolate;height:100svh;min-height:540px;margin-top:calc(-1 * var(--header-height));text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 1.5rem 5.5rem;display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:radial-gradient(120% 80% at 50% 30%, transparent 40%, #0d0f1599), linear-gradient(to bottom, transparent 45%, #0d0f15d9 80%, var(--screen-background));position:absolute;inset:0}.hero-art{z-index:-2;transform-origin:50% 15%;animation:hero-in 2s var(--ease) both, ken-burns 30s 2s ease-in-out infinite alternate;background:url(/art/hero.jpg) top/cover;position:absolute;inset:0}@keyframes hero-in{0%{opacity:0;transform:scale(1.08)}}@keyframes ken-burns{to{transform:scale(1.07)}}.hero-text>*{animation:rise 1s .6s var(--ease) both}.hero-text>:nth-child(3){animation-delay:.8s}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}.tagline{color:var(--text-color);text-shadow:0 4px 30px #000,0 2px 8px #000;margin:0;font-family:Cinzel,serif;font-size:clamp(1.5rem,3.6vw,2.8rem);font-weight:700;line-height:1.15}.hero-actions{grid-template-columns:repeat(2,1fr);gap:.9rem;width:max-content;max-width:100%;margin:2rem auto 0;display:grid}.hero-actions .button{text-align:center;margin:0}.scroll-cue{background:linear-gradient(var(--brass-color), transparent);transform-origin:top;width:1px;height:40px;animation:scroll-drop 2.2s var(--ease) infinite;position:absolute;bottom:1.2rem;left:50%}@keyframes scroll-drop{0%{opacity:0;transform:scaleY(0)}40%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(20px)}}.pitch{background:linear-gradient(var(--screen-background), #0d0f15e0);padding:clamp(4rem,10vh,7rem) 0}.pitch .wrap{max-width:820px}.pitch h2{color:var(--text-color);margin:0 0 1.5rem;font-size:clamp(1.8rem,3.6vw,2.8rem)}.pitch p:not(.kicker){color:var(--muted-text-color);font-size:1.08rem}.feature{isolation:isolate;border-top:1px solid var(--brass-dim-color);align-items:center;min-height:max(28.125vw,420px);padding:3rem max(1.5rem,50% - 550px);display:flex;position:relative;overflow:hidden}.feature:before{content:"";z-index:1;background:linear-gradient(90deg, transparent, var(--brass-bright-color), transparent);height:1px;position:absolute;inset:0 0 auto}.feature:after{content:"";z-index:-1;background:linear-gradient(90deg,#0d0f15f5 15%,#0d0f15b3 45%,#0d0f151a 80%);position:absolute;inset:0}.feature:nth-child(2n){justify-content:flex-end}.feature:nth-child(2n):after{background:linear-gradient(270deg,#0d0f15f5 15%,#0d0f15b3 45%,#0d0f151a 80%)}.feature-art{z-index:-2;background:var(--card-color) center / cover;transition:scale 1.2s var(--ease);position:absolute;inset:-15% 0}.feature:hover .feature-art{scale:1.04}.feature-text{min-width:0;max-width:460px}.feature-text h3{text-shadow:0 2px 12px #000;margin:0 0 .8rem;font-size:clamp(1.6rem,3vw,2.4rem)}.feature-text p:not(.kicker){text-shadow:0 1px 6px #000;margin:0;font-size:1.05rem}.page{background:var(--panel-color);border:1px solid var(--brass-dim-color);border-radius:6px;max-width:960px;margin:2.5rem auto;padding:2rem 2.5rem;box-shadow:0 40px 80px -30px #000c}.page>h2:first-child,.page>.kicker+h2{margin-top:0}.features+.page{margin-block:4rem}.diary-list{gap:1rem;display:grid}.diary-card{background:var(--card-color);border-left:3px solid var(--brass-color);color:var(--text-color);transition:transform .35s var(--ease), background-color .35s, box-shadow .35s;padding:1.2rem 1.5rem;text-decoration:none;display:block}.diary-card:hover{background:var(--row-hover-color);color:var(--text-color);box-shadow:0 20px 40px -18px #000000e6, -6px 0 24px -12px var(--brass-color);transform:translateY(-3px)}.diary-card p{color:var(--muted-text-color);margin:0}.diary-meta{text-transform:uppercase;letter-spacing:.08em;color:var(--brass-color);margin:0 0 .3rem;font-size:.8rem}.button{background:var(--brass-color);color:var(--dark-text-color);border:1px solid var(--brass-color);text-transform:uppercase;letter-spacing:.14em;transition:transform .25s var(--ease), background-color .25s, border-color .25s, box-shadow .25s;border-radius:2px;margin-top:1rem;padding:.75rem 1.6rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:var(--brass-bright-color);border-color:var(--brass-bright-color);color:var(--dark-text-color);transform:translateY(-2px);box-shadow:0 12px 30px #c9a25b4d}.button.is-disabled{cursor:default;background:var(--brass-color);border-color:var(--brass-color);box-shadow:none;transform:none}.button-logo{vertical-align:-.3em;fill:currentColor;width:1.3em;height:1.3em;margin-right:.6em}@media (width<=760px){.hero{background:var(--screen-background);height:auto;min-height:0;margin-top:0;padding-top:70vw;padding-bottom:5rem}.hero:after{display:none}.hero-art{background-image:linear-gradient(to bottom, transparent 50%, var(--screen-background)), url(/art/hero.jpg);height:85vw;bottom:auto}.hero-actions{grid-template-columns:1fr;width:min(100%,20rem)}.feature,.feature:nth-child(2n){justify-content:flex-start;align-items:flex-end}.feature:after,.feature:nth-child(2n):after{background:linear-gradient(#0d0f1533,#0d0f15bf 45%,#0d0f15f5)}}@media (width<=640px){.site-header{white-space:nowrap;padding:0 1rem}.brand{font-size:1.15rem}h1{font-size:clamp(1.6rem,8vw,2.4rem)}.site-header nav{gap:1.1rem}.site-header nav a{letter-spacing:.08em;font-size:.78rem}.language-menu{margin-left:1rem}.site-header nav a:first-child{display:none}.page{margin:1rem;padding:1.5rem}}@media (width<=480px){.site-header nav{display:none}.language-menu{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js [data-reveal]:not(.is-in){opacity:1;transform:none}.js [data-reveal]:not(.is-in) .kicker:before{width:28px}}
