@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#141c18;--paper:#eee8d9;--muted:#b8beb1;--gold:#d7b676;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#131a16}.brand{font-size:23px;letter-spacing:-1px;font-weight:700;line-height:1.2}.brand span{font-weight:400;color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:2.8px;font-weight:500;margin-top:9px;color:var(--muted)}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.text-link:hover{color:var(--gold)}.hero{min-height:710px;height:calc(100svh - 100px);max-height:1000px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-art{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#080e0bbb 0%,#11171055 53%,#11171005),linear-gradient(0deg,#141c18 0%,transparent 45%)}.hero-content{position:relative;padding:50px 8% 100px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;color:var(--gold);margin:0 0 28px}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.03;margin:0}h1{font-size:clamp(80px,10.5vw,164px);letter-spacing:-5px;text-shadow:0 3px 30px #0005}.hero-line{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;line-height:1.2;margin:26px 0 38px}.button{display:inline-flex;gap:44px;align-items:center;background:var(--gold);color:#20251c;padding:14px 24px;font-size:14px;font-weight:700}.button:hover{background:#eed09b}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;color:#d5d4c5;font-size:10px;letter-spacing:2px}.section{padding:110px 8%;scroll-margin-top:20px}.story{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:6%;max-width:1600px;margin:auto}h2{font-size:clamp(46px,5vw,74px);letter-spacing:-1.5px}p{color:var(--muted)}.story p:not(.eyebrow){max-width:490px}.story h2{margin-bottom:30px}figure{margin:0}.character img{width:100%;height:auto;display:block}.character figcaption{text-align:center;font-size:11px;letter-spacing:2px;color:var(--gold);margin-top:22px}.world{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9%;background:#1e2820;overflow:hidden}.world-copy p:not(.eyebrow){max-width:340px;margin:30px 0}.text-link{display:inline-flex;gap:28px;border-bottom:1px solid var(--gold);padding-bottom:8px;color:var(--gold);font-size:14px}.map{display:block;transform:rotate(2deg);transition:transform .3s}.map:hover{transform:rotate(0)}.map img{display:block;width:100%;filter:drop-shadow(0 16px 25px #0005)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-heading p:last-child{margin-bottom:0}.gallery-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;align-items:start}.gallery figure a{display:block;background:#20291f;overflow:hidden}.gallery figure img{display:block;width:100%;transition:transform .4s}.gallery figure a:hover img{transform:scale(1.025)}.wide-art{padding-top:45px}.wide-art img{aspect-ratio:1.7;object-fit:cover}.critter-art img{height:450px;object-fit:contain;padding:26px}.gallery figcaption{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}.gallery figcaption span:last-child{font-size:10px;letter-spacing:1.8px;color:var(--gold);padding-top:4px}.studio{text-align:center;border-top:1px solid var(--line);padding-top:90px;padding-bottom:95px}.studio h2{font-size:clamp(44px,5vw,70px)}.studio p:last-child{margin:26px auto 0;max-width:600px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}footer>span{font-size:10px;letter-spacing:2px;color:var(--muted)}footer>a:last-child{font-size:13px}@media(max-width:760px){header{height:90px;padding:0 6%}.brand{font-size:20px}.brand small{font-size:8px;letter-spacing:1.7px}nav{gap:16px;font-size:12px}nav a:last-child{display:none}.hero{min-height:620px;height:calc(90svh - 90px)}.hero-content{padding:45px 7% 80px}.hero-art{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#080e0b99,#080e0b22),linear-gradient(0deg,#141c18,transparent 80%)}h1{font-size:clamp(64px,14vw,105px);letter-spacing:-2px}.hero .eyebrow{font-size:10px;letter-spacing:1.7px}.hero-line{font-size:30px}.hero-bottom{left:7%;right:7%;font-size:8px;letter-spacing:1.3px}.hero-bottom span:last-child{display:none}.section{padding:75px 7%}.story,.world{grid-template-columns:1fr;gap:45px}.character{max-width:500px}.section-heading{display:block}.section-heading>p{margin-top:20px}.gallery-grid{grid-template-columns:1fr;gap:35px}.wide-art{padding-top:0}.critter-art img{height:420px}.gallery figcaption{font-size:14px}footer{flex-wrap:wrap;padding:28px 7%}footer>span{order:3;width:100%}.eyebrow{font-size:11px}.world-copy p:not(.eyebrow){max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
